Skip to content

Commit

Permalink
fixed readme stlying
Browse files Browse the repository at this point in the history
  • Loading branch information
bmarieay committed Feb 21, 2022
1 parent 78f6950 commit 71715c6
Showing 1 changed file with 19 additions and 4 deletions.
23 changes: 19 additions & 4 deletions ReadMe.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,47 +5,61 @@ This is my first full stack CRUD project that allows users to view, post, edit,
<b>Features that I added/will be added on top of Colt Steele's Web Development Bootcamp: </b>
<br>

1.**[NPS API](https://www.nps.gov/subjects/developer/guides.htm)** - I integrated real campgrounds in the United States using an API.
2. **☀️light and 🌙dark mode** - I used JS DOM Manipulation, localStorage, and Cookies to implement
3. **🌳My campgrounds** - This feature allows users to show the campgrounds they uploaded to YelpCamp!
4. **📄pagination feature** - I also used DOM Manipulation, cookies, and Mongoose to implement pagination. This augments the performance by loading only few datas the the user wants rather than loading a whole single resource.
1.**[NPS API](https://www.nps.gov/subjects/developer/guides.htm)** - I integrated real campgrounds in the United States using an API.<br>
2. **☀️light and 🌙dark mode** - I used JS DOM Manipulation, localStorage, and Cookies to implement<br>
3. **🌳My campgrounds** - This feature allows users to show the campgrounds they uploaded to YelpCamp! <br>
4. **📄pagination feature** - I also used DOM Manipulation, cookies, and Mongoose to implement pagination. This augments the performance by loading only few datas the the user wants rather than loading a whole single resource.<br>
5. 🔍**Search Feature** ➡️ <i>Coming soon!</i>

<hr>
## 🔨Stacks
YelpCamp is built with **MEN** (*Mongo, Express, and Node*) stack.
<hr>

## 👀 Previews
#### Login
<img src="assets/imgs/login.png" width="90%" alt="Home page">

#### Login (dark mode)
<img src="assets/imgs/logindark.png" width="90%" alt="Home page">

#### Register
<img src="assets/imgs/register.png" width="90%" alt="Home page">

#### Register (dark mode)
<img src="assets/imgs/registerdark.png" width="90%" alt="Home page">

#### Homepage
<img src="assets/imgs/homepage.png" width="100%" alt="Home page">

#### All Campgrounds
<img src="assets/imgs/allcmplight.png" width="100%" alt="Home page">

#### All Campgrounds
<img src="assets/imgs/allcmplight2.png" width="100%" alt="Home page">

#### All Campgrounds (dark mode)
<img src="assets/imgs/allcmpdark.png" width="100%" alt="Home page">

#### All Campgrounds (dark mode)
<img src="assets/imgs/allcmpdark2.png" width="100%" alt="Home page">

#### Show a Campground
<img src="assets/imgs/showcmp.png" width="100%" alt="Home page">

#### Show a Campground (dark mode)
<img src="assets/imgs/showcmpdark.png" width="100%" alt="Home page">

#### Edit a Campground
<img src="assets/imgs/edit.png" width="100%" alt="Home page">

#### Reviews
<img src="assets/imgs/review.png" width="100%" alt="Home page">

<hr>

## 🧰Tools

###
1. #### Mongoose
2. #### MapBox
Expand All @@ -55,6 +69,7 @@ YelpCamp is built with **MEN** (*Mongo, Express, and Node*) stack.
6. #### Axios
7. #### Joi
<hr>

## 💻 To run on your local machine:
### Prerequisties:
1. You should have the following installed on your machine:
Expand Down

0 comments on commit 71715c6

Please sign in to comment.