This project is a single-page application built with React from scratch. It uses an API REST to show adverts posted by users that are ether selling or looking for a certain product.
First, clone the project's repository, which is our front-end:
git clone https://github.com/cris0k/Vallapop-Project-React
Then, open a new empty window in your editor and clone the repository that will be used as our backend:
git clone https://github.com/davidjj76/nodepop-api
Ones both are cloned, install all the dependencies with:
npm i
Now that everything is set, run nodepop-api
and Nodepop-react
with:
npm start
On the nodeppop-api
's console you will be provided with a swagger
link where you will need to register and get the credentials to be able to log in into the app.
Here is what you should expect to see one you logged in:
-
Log in
: It allows you to log in into the webside if you already have an user created. Your username will appear on the main page's top-right side. -
Adverts List
: On the main page you will see all the adverts that have been posted, from the newest to oldest. -
Filter
: You can filter by advert name, price range, if it is on sale or someone wants to buy it and by tags. -
Advert detail
: If you click on any advert, you can read more information about that specific product.Delete Advert
Button: It will delete that post, if you wish and redirect to the main page if you do so.
-
Post New Advert
: You will be able to post your own advert.