Coral Process Management Dashboard

Description

Coral is a frontend dashboard for managing tasks, issues, processes, and more. It is built with React, TypeScript, Material UI, and simulated backend APIs. Integrated authentication with Reqres and CRUD workflows using Mockend. Focused on modular architecture, form validation with Formik/Yup, and real-world UX for admin systems

This project is bootstrapped with React create app

Demo

[Live Demo](coming soon)

Built With

• ReactJS - JavaScript Frontend Library
• TypeScript - Static Typing
• Material UI - UI Library
• Reqres API - For autentication
• Mockend API - For Mocking backend data & API endpoints
• React Router - For routing
• Formik & Yup - For form validation

Getting Started

Prerequisites

• Node.js - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
• npm - npm is the package manager for JavaScript and the world’s largest software registry.

Installing

1. Clone the repo

git clone https://github.com/olaishola05/coral.git

2. Install dependencies

npm install

env file

REACT_APP_BASE_URL= https://reqres.in/api

4. Run the development server

npm start

5. Open http://localhost:3000 with your browser to see the result.

Author

• GitHub: @olaishola05
• Twitter: @olaishola05
• LinkedIn: Oladipupo Ishola
• Medium: @olaishola

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page here 😏😏.

Show your support

• Give a ⭐ if you like this project

Acknowledgments

• Thanks to everyone building tools to make developers lives easier
• Also to people at Lasting Dynamics for the figma design and tutoring

License

This project is licensed under the MIT License - see the LICENSE.md file for details