yidne21 / addissoftwaretestproject

Internship test project

Addis Software Test Project

Description

This is a test project for Addis Software Internship Programm. it's purpose is to perform CRUD operation Using React, Redux, Redux-Saga, styled components and JsonPlaceholder fake api as backed-end.

Technologies

• React to implement the UI components.
• Redux to manage react component states.
• Redux-Saga to fetch Api.
• Styled-Component to Style react UI components.
• JsonPlaceholder-fake-api-server to serve fake data.
• Versions of those tools and other dependecy found on Pacage.json file

Installation

1. Clone This Repositary.
2. Change the directory in to the project directory.
3. Open it on Terminal then type npm install and hit Enter.
4. After the installation is finished install json server using this command on terminal npm install -g json-server then start the server using this command json-server --watch db.json 3500
5. finaly type npm start then it will runs the app in the development mode. then Open http://localhost:3000 to view it in your browser.

▶️ Project Demo

Access the project using this link Test Project

• It is deployed on netlify and as backed it uses Fake Api deployed on github in api_server repository.
• Notice Since the deployed app uses fake api My JSON Server Changes on Data is not persistent when the page reloads it does not perform The CRUD operation But on local Machine Using json server It Perform CRUD Operations.

Screen Shots

Home page

---

Add page

---

Update page

---

About page

📝 Author

👨 Yidnekachew Bantrga

• Github
• Linkedin