https://github.com/chuksjoshuaa/punch-frontend-task

The Zwilt Landing Page is a web project developed using React, TypeScript, and Tailwind CSS, with state management handled by Redux Toolkit.
https://github.com/chuksjoshuaa/punch-frontend-task

css3 html5 reactjs redux-toolkit tailwindcss typescript

Last synced: 2 days ago
JSON representation

The Zwilt Landing Page is a web project developed using React, TypeScript, and Tailwind CSS, with state management handled by Redux Toolkit.

• Host: GitHub
• URL: https://github.com/chuksjoshuaa/punch-frontend-task
• Owner: ChuksJoshuaa
• Created: 2024-05-27T13:12:59.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-28T19:14:35.000Z (6 months ago)
• Last Synced: 2024-05-29T09:36:23.725Z (6 months ago)
• Topics: css3, html5, reactjs, redux-toolkit, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://zwilt-chuck.netlify.app/
• Size: 1.15 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Zwilt Landing Page



The Zwilt Landing Page is a web project developed using React, TypeScript, and Tailwind CSS, with state management handled by Redux Toolkit. It features a simple yet effective user interface for showcasing a product or service. The project structure includes directories for components, Redux functionalities, utility functions, and pages, making it scalable and easy to maintain. This landing page is designed to be responsive and functional, providing a solid foundation for both development and testing purposes.

## Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes..

## Prerequisites

- Node.js (version 16.20.0)

- npm (version 8.19.4)

## Demo Link

Access the live site at [Project-Link](https://zwilt-chuck.netlify.app)

## Technologies Used

- React.js

- Tailwind CSS

- JavaScript

- Typescript

- Redux Toolkit

### Installation

1. Clone the repository

2. Install dependencies in both client and server directories using `npm install`

4. Start the client from the client directory with `npm run dev`

## Client

The client is built with React, Tailwindcss and TypeScript. It uses Redux Toolkit for state management and Tailwind CSS for styling.

### Directory Structure

- `src/components`: Contains all the React components.

- `src/redux`: Contains the redux functionalities for state management.

- `src/utils`: Contains utility functions, such as notifications.

- `src/pages`: Contains all the pages of the application.

- `src/interface`: Contains all the typescript props and arguments.

## Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the repository.

2. Create a new branch: `git checkout -b feature/your-feature-name`.

3. Make your changes and commit them: `git commit -m 'Add some feature'`.

4. Push to the branch: `git push origin feature/your-feature-name`.

5. Submit a pull request.