Experience seamless management of database resources through this responsive web application, crafted using React and Redux as the culminating project at Microverse. Complemented by a robust REST API developed with Ruby on Rails, this application empowers users to efficiently add, edit, and remove records tailored to their tracking needs. Whether monitoring daily progress in language acquisition or any other endeavor, the platform offers versatile functionality.
- Integration with the back-end API for seamless data transmission.
- Intuitive routing facilitates easy navigation between screens.
- Utilization of Redux for centralized storage of essential information, such as user credentials.
- Deployment on Heroku for convenient online access.
- Front-end to server user authentication implementation.
- Creating an admin panel enables item management operations like creation, updating, and deletion.
- Development of responsive layouts catering to both tablet and desktop interfaces, adhering to design standards.
- Incorporation of a progress page featuring dynamic data charts showcasing average achievement rates and total scores.
Please see the REST API with Ruby on Rails built as a backend for this project.
A list of commonly used resources that I find helpful is listed in the acknowledgments.
To get a local copy up and running follow these simple example steps.
- On the project GitHub page, navigate to the main page of the repository.
- Under the repository name, locate and click on a green button named
Code. - Copy the project URL as displayed.
- If you're running the Windows Operating System, open your command prompt. On Linux, Open your terminal.
- Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.
- Type git clone, and then paste the URL you copied in Step 3.
e.g. $ git clone https://github.com/yourUsername/yourProjectName - Press Enter. Your local copy will be created.
- Go to helpers/baseUrl.js and rewrite the baseUrl like
http://localhost:3001/so you can run this project in your local environment - To run the server, run
npm start - To run the tests, run
npm test
- To start using this app as a user, you need to log in with a username and password. This login is authenticated by API
- Then, you can record your track for each item for each day: Idioms, Pronunciation, Reading, etc.
- On the all tracks page, you can check the past tracks you've made
- On the progress page, you can see your progress so far
- Like the ordinary user, you need to log in with a username and password as an admin user, which is required to be given the status of admin: true by the administrator for the API
- You can see how to create admin user in the Readme file for the REST API
- Then, you'll see the admin page. On this page, the items that are added by administrators will show
- By clicking the "Add item" button, it shows the form, and you can add an item
- By clicking each item, you can edit it
👤 Yoko Saka
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Give a ⭐️ if you like this project!
"Bodytrack.it " design idea by Gregoire Vella is licensed under Creative Commons license of the design.
This project is MIT licensed except for the design above