Skip to content

ahmedayman23455/postsapp_atomica.ai

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Posts App

is a functional, responsive Website that help user to ( add/edit/delete/search ) post and (add/edit/delete) comments of each post.

Watch the website (live demo): https://postsappatomica.herokuapp.com/

Note ▶: heroku server may be show this message ( There is no thing here,yet ) or styles not show. because the server after amount of times it sleeps and when ping it causes a short delay for this first request, but subsequent requests will perform normally.
Solution 1 ▶ : Refreshing the page many times until website opened
Solution 2 ▶ : To run app on localhost ( yarn install ) then (json-server --watch ./db.json --port 3500 )

⚙ Packages that used :

1- Json-server (api)
2- heroku (deployment)
3- React (frontend library)
4 - Sass modules (styling)
5- Redux toolkit (global state management)
6- Redux thunk middleware (Make async actions outside components)
7- Axios ( CRUD methods)
8- Date-fns (date formatting)
9- Framer-motion (animation)
10- React-icons (icons)
11- Hamburger-react (icon of mobile navbar)

🎨 Design :

I designd a simple UI design by using figma

📷 Screenshots :

screencapture-postsappatomica-herokuapp-posts-2022-09-19-08_42_16 screencapture-postsappatomica-herokuapp-posts-1kaayPe2b8Y9s8NoKE4G2-2022-09-19-08_42_31 screencapture-postsappatomica-herokuapp-posts-1kaayPe2b8Y9s8NoKE4G2-editpost-2022-09-19-08_42_41 screencapture-postsappatomica-herokuapp-posts-1kaayPe2b8Y9s8NoKE4G2-8ZQiWxqzJuo5km5po6lMy-2022-09-19-08_43_06