Download as pdf or txt
Download as pdf or txt
You are on page 1of 1

REACT JS Task

NOTE: BRING YOUR LAPTOP ALONG WITH YOU ON OFFICE

Task Guidelines:
1. Create a To-do React applica2on using CRA (Create-React-App)
2. Use SCSS for styling pages and components
3. Maintain responsiveness on all plaCorm (Mobile, Tablet and Desktop)
4. Use React Router for naviga2ons
5. Use Redux toolkit for state management
6. Use Redux Thunk Middleware for calling network requests (Op2onal)
7. Follow a code structure for beRer understanding and scalability
8. Create reusable components in applica2on
9. Use TypeScript (Op2onal) but beneficial
10. Create a (.env) file for storing confiden2al informa2on

Task:
1. Create a Todo applica2on using React and add these func2onali2es
a. Add Todo
b. Edit Todo
c. Delete Todo
d. Toggle Todo
2. Setup Firebase project for backend
a. Create a Firebase Firestore for storing data
b. Give a suitable collec2on name for to-dos
c. Store your to-dos in a Firestore collec2on
d. Retrieve data from Firestore collec2on
3. Connect Frontend with Firebase
a. Create a firebase service in react for calling firebase Firestore APIs

Bonus Task:
1. Deploy your react applica2on using any hos2ng service you prefer (Netlify, Vercel, AWS etc.)

Task Submission Guidelines:


1. First delete node_modules or build folder from the project
2. Create a zip of the project
3. Send your task through WeTransfer (hRps://wetransfer.com/)
4. Place your Name, Email in descrip2on when sending file.

You might also like