Skip to content

Seamlessly interact with API using React, TypeScript, Docker, Axios, Ant Design. Responsive, user-friendly UI with Redux Toolkit. Quality-driven development for efficient, engaging experiences.

License

Notifications You must be signed in to change notification settings

extmadhavi/react-larvis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

# React App with Ant Design, TypeScript, Redux Toolkit and Docker

This repository contains a coding assignment implemented using React with  Ant Design components, TypeScript,
Redux Toolkit, React Router and Docker for containerization. The app integrates with a REST API,
which provides endpoints for retrieving user data and acquisitions.

## Prerequisites

Before you begin, ensure you have the following tools installed:

- [Node.js](https://nodejs.org/) (v14 or higher)
- [Docker](https://www.docker.com/)

## Getting Started

### Clone the Repository

```bash
git clone https://github.com/extmadhavi/react-larvis.git
cd react-larvis

Install Dependencies

npm install

Run the App Locally

npm start

This will start the React app locally and make it accessible at http://localhost:3000.

Docker Setup

The app includes a Docker configuration for containerization. Follow these steps to run the app using Docker:

Build Docker Image

docker build -t react-redux-app .

Run Docker Container

docker run -p 8000:8000 -p 3000:3000 react-redux-app

The app will be accessible at http://localhost:3000 for the React app and http://localhost:8000 for the REST API.

Application Flow

AppFlowMissionControl

REST API Endpoints

  • GET /users: Retrieve a list of users.

  • GET /users/<user_id>: Retrieve user details for a specific user.

  • POST /users/<user_id>: Update user details.

  • GET /acquisitions: Retrieve acquisitions data.

Additional Notes

  • The app uses Ant Design components for UI.
  • TypeScript is used for type safety throughout the codebase.
  • Responsive design is implemented for a smooth user experience on different devices.

Feel free to explore the codebase, make modifications, and use it as a starting point for your own projects.

If you encounter any issues or have questions, please don't hesitate to open an issue on this repository.

Happy coding!

About

Seamlessly interact with API using React, TypeScript, Docker, Axios, Ant Design. Responsive, user-friendly UI with Redux Toolkit. Quality-driven development for efficient, engaging experiences.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published