Code Monkey home page Code Monkey logo

vallapop-project-react's Introduction

'Vallapop' React Project

Description

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.

What will you need?

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

Instuctions to run the website

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:

alt text

What can you do ?

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

vallapop-project-react's People

Contributors

cris0k avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.