Scribd
Upload
6 views2 pages

React Full-Stack Internship Project Guide

The assignment requires building a simple full-stack application using React for the frontend and Node.js, Express, and MongoDB for the backend. Key features include user registration and login, a feed system for posts, and basic input validation. The project must be functional end-to-end and hosted on GitHub, with a focus on smooth user experience and clean code.

Uploaded by

kavinsiddarth80
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views2 pages

React Full-Stack Internship Project Guide

The assignment requires building a simple full-stack application using React for the frontend and Node.js, Express, and MongoDB for the backend. Key features include user registration and login, a feed system for posts, and basic input validation. The project must be functional end-to-end and hosted on GitHub, with a focus on smooth user experience and clean code.

Uploaded by

kavinsiddarth80
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Internship Week 1 Assignment – React Full-

Stack
Goal
Test your skills in frontend (React) and backend ([Link] + Express +
MongoDB) by building a simple working app with basic authentication and a
feed system.

Module Requirements
1. Splash Screen
 Display for 5 seconds when the app loads.
 Include a simple text/logo (loading animation optional).
2. Register Screen
 Fields: Name, Email, Password.
 Store user data in MongoDB.
 Validate inputs (no empty fields, valid email format).
3. Login Screen
 Fields: Email, Password.
 Verify credentials against database records.
 On success → redirect to Feeds Screen.
 On failure → display an error message.
4. Feeds Screen
 Display a list of posts showing Title, Description, Author.
 Sort posts by latest first.
5. Create Post Screen
 Fields: Title, Description, Author.
 Save post to MongoDB.
 Automatically refresh feed after posting.
6. Backend Setup
 [Link] + Express API with:
o POST /register – Register a new user.
o POST /login – Authenticate user.
o POST /post – Create a new post.
o GET /posts – Fetch all posts.
 Connect to MongoDB with [Link]/0 IP access (Atlas or local setup).

Rules & Guidelines


 UI design is not important, but UX must be smooth and functional.
 The flow must work end-to-end: Register → Login → Create Post →
View Post in Feed.
 Use JSON for API responses.
 Keep code clean, modular, and commented.
 Push the completed project to GitHub and share the repository link.

References
React Frontend
 React Docs
 React Router Tutorial
 React useState & useEffect – YouTube
Backend ([Link] + Express + MongoDB)
 Node + Express + MongoDB Crash Course – YouTube
 MongoDB Atlas Setup Guide
 [Link] Documentation
Authentication
 JWT Authentication with [Link] – YouTube (optional for now)
Full-Stack Example
 MERN Stack Tutorial for Beginners – YouTube

You might also like