https://github.com/dracudev/onboarding-app
React app with step-by-step screens and responsive design.
https://github.com/dracudev/onboarding-app
bootstrap5 eslint javascript react reactjs responsive styled-components vite
Last synced: 3 months ago
JSON representation
React app with step-by-step screens and responsive design.
- Host: GitHub
- URL: https://github.com/dracudev/onboarding-app
- Owner: dracudev
- Created: 2024-11-12T11:34:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-26T19:36:17.000Z (10 months ago)
- Last Synced: 2025-04-30T16:52:52.319Z (9 months ago)
- Topics: bootstrap5, eslint, javascript, react, reactjs, responsive, styled-components, vite
- Language: JavaScript
- Homepage: https://dracudev-onboarding.vercel.app/
- Size: 346 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Onboarding App
## 📄 Description
This project involves building a digital onboarding application using React. The app will present a sequence of instructional messages or steps, accompanied by images, allowing users to navigate forward or backward through the onboarding screens. Each screen displays only one step at a time, enhancing the user experience by breaking down information into manageable parts.
### Objectives
- Apply foundational React concepts such as components, hooks, and props.
- Use Bootstrap 5 for responsive design.
- Style components using Styled Components for customizable and scoped styling.
## 💻 Technologies Used
- **Vite** for development and building.
- **React** and **React-DOM** for creating component-based UI.
- **Bootstrap 5** and **React-Bootstrap** for responsive styling.
- **Styled Components** for scoped and dynamic styling.
- **PropTypes** for runtime type checking of props.
- **Node.js** and npm/yarn for dependency management.
- **ESLint** for code quality and linting.
## 📋 Requirements
- **Node.js 16 or newer**: JavaScript runtime for executing the project.
- **npm** or **yarn**: Package manager to install dependencies.
- **A modern web browser**: Required to run the application.
- **Vite**: Preconfigured as part of the project for development and build processes.
## 🛠️ Installation
1. Clone this repository:
```bash
git clone https://github.com/dracudev/S5-Digital-Onboarding.git
```
2. Navigate to the project directory:
```bash
cd S5-Digital-Onboarding
```
3. Open the project in your text editor and start coding.
```bash
code .
```
## ▶️ Execution
1. Install the dependencies and run the server.
```bash
npm install
npm run dev
```