Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blankscreen-exe/react-projects-scrimba

React.js project made while following the curriculum provided by Scrimba.com . It contains a total of 6 projects
https://github.com/blankscreen-exe/react-projects-scrimba

frontend javascript npm react reactjs vitejs

Last synced: 2 days ago
JSON representation

React.js project made while following the curriculum provided by Scrimba.com . It contains a total of 6 projects

Awesome Lists containing this project

README

        

# React Training Projects 01

This repo consists of my React.js based projects by following a course on [freecodecamp.org](https://www.freecodecamp.org). The tutorial itself can be found [here](https://www.youtube.com/watch?v=bMknfKXIFA8)

> I also took initiative and did some projects of my own. All of the projects are deployed on [Netlify.com](https://app.netlify.com/) and respective project links are given below.

> I used [vite](https://vitejs.dev/) nextgen frontend tooling software to develop these React.js apps.

## Projects I made in this repo:
1. - [x] [Info Single Page App](https://precious-moonbeam-d165b1.netlify.app/)
2. - [x] [E-Biz Card](https://brilliant-cocada-6cfb72.netlify.app/)
3. - [x] [Airbnb Clone](https://beamish-starburst-a5841c.netlify.app/)
4. - [x] [My Travel Journal](https://dynamic-gecko-033d7e.netlify.app/)
5. - [x] [Doge Meme Generator](https://coruscating-cactus-425e21.netlify.app/)
6. - [x] [Tenzies Game](https://superlative-manatee-3968cf.netlify.app/)

## Installation Instructions
1. Make sure you have `node.js` and `npm` installed. I made these projects in Oct 2022 so I just used `node==16.17.1` and `npm==8.15.0`
2. Once you have downloaded the repo, go to the respective folder by
```
cd
```
3. run the following commands:
```
npm install
npm run dev
```
4. You should get a link in your terminal and you can click it to view output.
5. In case you need to `build` your project, just do the following.
```
npm run build
```