https://github.com/simandrew/devflow-reactjs-tailwindcss

https://github.com/simandrew/devflow-reactjs-tailwindcss

Last synced: 6 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/simandrew/devflow-reactjs-tailwindcss
• Owner: SimAndrew
• Created: 2025-09-01T18:43:06.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-09-11T17:10:06.000Z (7 months ago)
• Last Synced: 2025-09-11T17:18:18.778Z (7 months ago)
• Language: JavaScript
• Homepage: https://devflow-reactjs-tailwindcss.netlify.app
• Size: 173 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## DevFlow Landing Page

## About the Project

DevFlow is a landing page that connects developers with projects and opportunities. Built with React and Tailwind CSS, it features a modern, responsive UI that showcases product value, highlights key features, and provides clear paths to sign up or log in using Supabase authentication.

## Features

- Responsive, mobile-first design

- Hero section with clear call-to-action

- Carousel for features and testimonials (Swiper)

- Login and Sign Up pages with form validation (React Hook Form)

- Supabase integration for authentication and database

- Routing with React Router

- Accessible, reusable UI components

## Login Credentials for Testing

Email: 

```

cicej28459@fanwn.com

```

Password:

```

Asdfg123

```

Email:

```

besodo2058@ishense.com

```

Password: 

```

Alexv123

```

### Sample task, photo:

Home Page

![photo](https://github.com/user-attachments/assets/c8461703-c255-4b97-b566-f3ccc8359867)

Login Page

![photo](https://github.com/user-attachments/assets/204a1283-4b76-422c-8ef6-87452a648dad)

Register Page

![photo](https://github.com/user-attachments/assets/4e3a1fc8-9153-4759-9c7e-88d62f81fd15)

Profile Page

![photo](https://github.com/user-attachments/assets/8f7cfdb6-5734-4c2f-b7c4-4ec30b540ac8)

![photo](https://github.com/user-attachments/assets/575a645d-a398-447c-b8d6-9a56e4b2ccfc)

### Technologies, Libraries:

https://react.dev for ReactJS

https://reactrouter.com for routing

https://react-hook-form.com in Login Page and SignUp Page

https://tailwindcss.com for styling

https://swiperjs.com  for carousel in Home Page

https://supabase.com for Database and Authentication

### Run the app:

- Clone a project: `git clone`

```

https://github.com/SimAndrew/devflow-reactjs-tailwindcss.git

```

- Open project code in your editor.

- Install the dependencies, enter into the terminal:

```

npm install

```

- Run the project, enter into the terminal:

```

npm run dev

```