pravee3791 / se-tech-fe

Fetches a list of activities and performs search on it

Activity App

Activity App is a web application that allows users to browse and search for activities. It provides a list of activities and a search functionality to filter the activities based on user input.

Table of Contents

• Project Structure
• Installation
• Usage
• Testing
• Folder Structure
• Contributing
• License

Project Structure

The project follows a typical React application structure with the following main directories:

• public: Contains the public assets and the index.html file that serves as the entry point for the application.
• src: Contains the source code for the application.
  • components: Contains reusable components used in the application.
  • services: Contains API service modules for fetching data from the server.
  • types: Contains TypeScript type definitions used in the project.
  • Error: Contains error handling components and utilities.
  • App.tsx: The main entry point of the application.

Installation

To install the project and its dependencies, follow these steps:

1. Clone the repository: git clone <repository-url>
2. Navigate to the project directory: cd se-tech-fe
3. Install dependencies: npm install

Usage

To start the development server and run the application, use the following command:

npm start

This will start the application on http://localhost:3000 by default.

Testing

The project uses Jest and Playwright for unit and end-to-end testing. To run the tests, use the following command:

npm test

This will execute all the test suites and display the test results.

Here is a video with demo

Screen.Recording.2023-06-19.at.2.43.23.AM.1.mov