Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vasily257/react-mesto-api-full
А small react application: a social network for travelers like Instagram.
https://github.com/vasily257/react-mesto-api-full
expressjs javascript mongodb mongoose nodejs react reactjs webpack
Last synced: about 1 month ago
JSON representation
А small react application: a social network for travelers like Instagram.
- Host: GitHub
- URL: https://github.com/vasily257/react-mesto-api-full
- Owner: Vasily257
- Created: 2022-08-22T06:19:09.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-21T05:15:36.000Z (10 months ago)
- Last Synced: 2024-03-21T06:28:02.307Z (10 months ago)
- Topics: expressjs, javascript, mongodb, mongoose, nodejs, react, reactjs, webpack
- Language: JavaScript
- Homepage: https://v1364358.hosted-by-vdsina.ru/mesto/
- Size: 1.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Mesto Api Full
A training project for practicing React.js and Node.js skills.
## Functionality
The project has an API for:
- to get/create/register/login a user and to update his data
- to get/create/delete the cards and to manage the card likes
Also the project has the server on the Express.js which processes and validates API-requests. This server protected by the CORS, the Helmet and the Rate limit.
## Technology stack
`JS`, `React.js`, `Express.js`, `MongoDB`, `Git`
## Animation
The project uses simple animation like a smooth change of opacity or background color. Also the project has an animated preloader which displaying when user makes a request.
## Usage
The project uses the following main library:
- React.js v18
- React Router v6
- Express v4To clone a project, you need to open desired directory and use the command:
**HTTPS**: `git clone https://github.com/Vasily257/react-mesto-api-full.git`
**SSH**: `git clone [email protected]:Vasily257/react-mesto-api-full.git`To start a project, you need to open the «frontend» folder in the terminal and use the command `npm run start`. Then repeat this actions for the «backend» folder.
## Status
The project is closed, there are no plans for completion.