Desktop

Mobile

Synopsis

I also built the back-end. If you would like to take a look, click here

Usage example

See demo

✅ Functionalities

Display the offers
Display a single offer.
Images Carousel.
Search filters
Pagination
Cookies set for user identity and search filters
Create a user account
Login to your user account.
Publish an offer (using cloudinary to store images)
Access to your user profile displaying all the offer you've posted.
The user can delete his offers.
Loading component implemented.
Mobile Responsive

Running the project

Clone this repository :

git clone https://github.com/alexdisdier/leboncoin-client.git

cd leboncoin-client

Start the server:

npm start

Build the project

npm run build

Commit Message Format (angular conventional commits)

Type Must be one of the following:

build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
ci: Changes to our CI configuration files and scripts (example scopes: Circle, BrowserStack, SauceLabs)
docs: Documentation only changes
feat: A new feature
fix: A bug fix
perf: A code change that improves performance
refactor: A code change that neither fixes a bug nor adds a feature
style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
test: Adding missing tests or correcting existing tests

examples:

feat(benchpress): create component benchmark macro
docs(changelog): update changelog to beta.5
fix(release): need to depend on latest rxjs and zone.js

Built With

Known bugs to fix

bug occurs when filters are on. the pagination adjusts but all the results are on a single page.
Also when you remove the search filters cookies, the homepage does not automatically refresh.

Acknowledgments

This project was bootstrapped with Create React App.
React Responsive Carousel.
Faker.
Deploy React to github pages codeburst

https://docs.netlify.com/cli/get-started/

netlify dev