Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pushpendra-1697/adobe-xd-assignment
This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.
https://github.com/pushpendra-1697/adobe-xd-assignment
dom-manipulation html-css-javascript jsx-syntax localstorage media-queries react-components react-router-dom reactjs
Last synced: 16 days ago
JSON representation
This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.
- Host: GitHub
- URL: https://github.com/pushpendra-1697/adobe-xd-assignment
- Owner: Pushpendra-1697
- Created: 2024-02-09T06:17:56.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-02-10T17:19:31.000Z (12 months ago)
- Last Synced: 2024-11-10T01:13:18.687Z (2 months ago)
- Topics: dom-manipulation, html-css-javascript, jsx-syntax, localstorage, media-queries, react-components, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://onboarding-umber.vercel.app/
- Size: 188 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Adobe-XD-Assignment (Onboarding Flow Design)
## Overview
This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.## Hosted Web App Link on netlify
```bash
https://onboarding-umber.vercel.app/
```## How to run locally
Clone the Repository from Github. Then do the following steps:
- On Windows
```bash
npm install
```
```bash
npm run start
```## Tech Stacks
React.js, React Components, JSX, React-router-dom, dom-manipulation, local-storage, vercel, nevigation, html-css-javascript, media-queries, Poppins-fonts and Routing/Nevigating etc.#### For mobile view min-width: 320px and max-width:480px
## Screenshots
![Screenshot (482)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/fb217802-06b4-4389-badd-335874198e93)
![Screenshot (483)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/6b7b8b01-75f0-42e1-881c-6f866669f04a)
![Screenshot (485)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/06c594f6-1ed6-49f3-b13b-9a5678e3783d)### Mobile View
![Screenshot (484)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/19bea071-07f4-4274-9ba5-54f13840f8d5)
![Screenshot (486)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/eabd326c-50a1-4171-9f9c-a21596463d37)
![Screenshot (488)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/1b37bd05-8c4e-4d99-9571-14a8d2d45806)
![Screenshot (489)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/7b6075b3-105d-402b-94e0-1f0ba200d984)
![Screenshot (490)](https://github.com/Pushpendra-1697/Adobe-XD-Assignment/assets/104748364/25ec42fe-38ac-440e-96ff-5261babce3d2)