Skip to content

saurabhnative/create_react_projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 

Repository files navigation

Create website projects

Here you can see list of 15 web applications which you can build in a month in order to learn fundamentals of react.js, Node.js and MongoDb in depth
Each project has it's own repository in which you can find starter code for a project and a sample solution.

List of projects:

  1. User Id Card Generator
    Learnings:
    DOM manipulation using Javascript

  2. Clicker App
    Learnings:
    How to use hooks in react.js

  3. Digital Clock
    Learnings:
    How to use useEffect hook in react.js and setInterval method in Javascript.

  4. Scrollable User Feed
    Learnings:
    How to make API calls and updated DOM from API response using useEffect hook.

  5. Image gallery
    Learnings:
    How to use useEffect hook in react.js and how to make API calls in client side
    How to build image gallery using react.js

  6. Quote Generation Backend
    Learnings:
    How to use express framework, make database connections and generate APIs

  7. Quotes Generation Frontend
    Learnings:
    How to use make use of useEffect hook

  8. Website Navbar
    Learnings:
    How to use make use of react-router for navigation

  9. Login authentication backend
    Learnings:
    Build APIs to allow user to login and register for an app and get session token

  10. Login forms
    Learnings:
    Learn how to authenticate a user in frontend and use a session token for handling private routes

  11. Information about Crypto Currency
    Learnings:
    Learn how to create a table and populate a table from JSON data

  12. Jobs Portal
    Learnings:
    Learn how to send data to node server and get data in return

  13. Video Player
    Learnings:
    Learn how to use video tag, play youtube videos and react player usage.

  14. Charts Data
    Learnings:
    Learn how to build charts and visualisations in react.js

  15. Online Dev Portfolio
    Learnings:
    Learn how build your own developer portfolio

About

Repository to build sample react.js based projects

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published