0% found this document useful (0 votes)
15 views

Laravel React Coding Assignment

Uploaded by

Naila Gulzar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views

Laravel React Coding Assignment

Uploaded by

Naila Gulzar
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Blog App Coding Assignment

Full Stack Developer (Laravel + React)

Assignment: Blog Application Development


You are required to develop a simple blog application using Laravel for the backend APIs
and React for the front end. The app should allow users to create, view, edit, and delete
blog posts and their associated comments.

Requirements
Features
1. User Authentication:
a. The application should allow users to register and log in.
b. Only authenticated users can create, update, or delete posts.
c. Guest users can only view posts and the details of a post, including
comments.
2. Posts:
a. A logged-in user can create, update, and delete posts.
b. Each post should have a title, content, and timestamp.
c. Pagination should be implemented for the posts listing page, with at least 5
posts per page.
3. Comments:
a. Posts can have comments.
b. Nested-level comments are considered a plus (i.e., replies to comments).
c. Any user (both guest and logged-in) can view comments under a post.
4. Post and Comment Viewing:
a. A guest user should be able to view the posts and the detailed view of a post,
which includes the comments section.
5. Frontend (React):
a. Use React to build the user interface.
b. Provide a clean and responsive design.
c. Implement pagination on the posts listing page.
6. Backend (Laravel):
a. Use Laravel to handle all API requests for post and comment creation,
updates, and deletion.
2

b. Use JWT or Sanctum for user authentication.

Bonus Points
● Implement nested comments (comments with replies).
● Use React Hooks for managing the app state.
● Implement proper error handling for failed API requests (e.g., invalid data,
authorization errors).
● Use a React UI framework (such as Material UI or Bootstrap) for UI components.
● Deploy the app on a platform like Heroku or Vercel and provide a link to the
deployed app.

Submission Guidelines
● Provide a GitHub repository link with a clear README that includes:
○ Steps to install and run the project locally.
○ Any additional details or features you have implemented.
● If deployed, share the live demo link.

Timeframe
● Please complete and submit the assignment within 5 days.

You might also like