estefaniaderosa.github.io/blog
Simple app that simulates a blog where the user can add , edit and delete posts. The posts displayed are random paragraphs and titles generated with Random Paragraph. There's also a Profile page where the user can choose a random image for the avatar.
For this project I used Mobx for the first time to manage the global state of the app. If the user adds or deletes a post, there is a posts counter that will display the current amount. Everytime the user adds a post an ID is generated using UUIDv4. To navigate between pages I used React Router DOM. I used Axios to fetch the data from the Unsplash API to generate the random image for the avatar. Everytime the user clicks on the 'Generate random avatar' button, a random word is generated using the random-word npm package. And that will be the query for the Unsplash search. For the UI I used Ant Design.
To start working with the repository and install all the packages:
- Clone repo
git clone https://github.com/estefaniaderosa/blog.git
- Install
npm i
- Start
npm start