Skip to content

Landing page from a Figma project. App Build with React and Tailwind

License

Notifications You must be signed in to change notification settings

JuanPabloDiaz/landingZone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Landing Zone πŸš€

This is a landing page for a company that offers services for the development of web applications, mobile applications, and software development.

Description πŸ’‘

This project was created with the purpose of practicing the use of Tailwind CSS and the use of React. The design and images were based on a Figma project.

demo Figma repo

Project Structure for React App

The idea of this graph is to show how you can structure files by using folders

β”œβ”€β”€ node_modules (.gitignore)
β”œβ”€β”€ public
β”‚   β”œβ”€β”€ favicon.ico
β”‚   β”œβ”€β”€ index.html
β”‚   └── manifest.json
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ assets
β”‚   β”‚   β”‚   β”œβ”€β”€ images
β”‚   β”‚   β”‚   └── logo.svg
β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”œβ”€β”€ Hero.jsx
β”‚   β”‚   β”œβ”€β”€ Services.jsx
β”‚   β”‚   β”œβ”€β”€ Services-info.jsx
β”‚   β”‚   β”œβ”€β”€ About.jsx
β”‚   β”‚   β”œβ”€β”€ Testimonials.jsx
β”‚   β”‚   β”œβ”€β”€ Projects.jsx
β”‚   β”‚   β”œβ”€β”€ Team.jsx
β”‚   β”‚   β”œβ”€β”€ Company.jsx
β”‚   β”‚   └── Footer.jsx
β”‚   β”œβ”€β”€ index.css
β”‚   β”œβ”€β”€ index.js
β”‚   └── App.jsx
β”œβ”€β”€ .gitignore
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
β”œβ”€β”€ tailwind.config.js
└── README.md

Desktop View πŸ–₯️

iPad view πŸ“±

Mobile view πŸ“±

Lighthouse Score πŸš€

Features:

  • Responsive design: this project adapts to any screen size, ensuring a consistent and enjoyable experience for all users.
  • Sleek and modern UI: Tailwind CSS provides a beautiful and intuitive user interface.

Built With πŸ”‘

This project was bootstrapped with Create React App.

React Tailwind-CSS

Here's a closer look at the tech stack:

  • Front-End: React.js & Tailwind CSS
  • Back-End: N/A
  • Deployment: Vercel

Get started πŸ› οΈ

To get started with this landing page, simply clone the repository and follow the setup instructions. You'll be up and running in no time!

Setup πŸ“‹

  1. Clone the repo
  2. Install dependencies
    npm install
  3. Start the project
    npm start
  4. Open http://localhost:3000/ with your browser to see the result.

Available Scripts

In the project directory, you can run:

  • npm start
  • npm test
  • npm run build
  • npm run eject
  • npm run lighthouse

Contribution 🀝

All contributions are welcome. Please read the CONTRIBUTING guidelines for details on our code of conduct, and the process for submitting pull requests.

Contributors

License πŸ“œ

Landing Zone is licensed under the MIT License.

I hope you enjoy using the 25 + 5 Clock!

Other Projects πŸš€

Contact πŸ“ž

Acknowledgments πŸ“š

Resources list that I find helpful and would like to give credit to.

(πŸ‘† Top πŸ‘†)

About

Landing page from a Figma project. App Build with React and Tailwind

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks