Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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 v4

To 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.