An open API service indexing awesome lists of open source software.

https://github.com/gartnerleandro/dotdager

Landing page project for the youtuber Dotdager contest.
https://github.com/gartnerleandro/dotdager

Last synced: 2 months ago
JSON representation

Landing page project for the youtuber Dotdager contest.

Awesome Lists containing this project

README

        

# DotDager Landing Page

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)
[![Live Demo](https://img.shields.io/badge/demo-online-green.svg)](https://dotdager.dev/)

## 🌟 Live Demo

Check out the live demo: [DotDager Landing Page](https://dotdager.dev/)

## 📸 Preview

![Light Theme](https://github.com/user-attachments/assets/1af221e1-0ace-49e3-85a9-ad92585ed1c5)
_Light Theme Preview_

![Dark Theme](https://github.com/user-attachments/assets/c06d0549-6273-4e8f-81da-255de625ac43)
_Dark Theme Preview_

## About The Project

This project is a modern landing page created for DotDager's YouTube contest. It showcases a dynamic and interactive web experience built with modern web technologies, featuring:

- Responsive design
- Dark/Light theme support
- Smooth animations
- Interactive components
- Contact form
- Timeline visualization
- Project showcase section

## Built With

- [Next.js](https://nextjs.org/)
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Lottie](https://airbnb.io/lottie/)
- [Lucide Icons](https://lucide.dev/)
- [CSS](https://developer.mozilla.org/es/docs/Web/CSS)

## Getting Started

To get a local copy up and running, follow these simple steps.

### Prerequisites

- Node.js (v18 or higher)
- yarn (v1.19.1 or higher)

### Installation

1. Clone the repo

```bash
git clone https://github.com/gartnerleandro/dotdager.git
```

2. Install YARN packages

```bash
yarn install
```

3. Run the development server

```bash
yarn dev
```

## Usage

The website serves as a personal portfolio and includes several sections:

- Hero section with animated introduction
- Projects showcase
- About me section with professional timeline
- Quotes section
- Contact form
- Social media links

To customize the content, you can modify:

- `src/app/page.tsx` for main content
- `src/app/_components/` for individual components
- `public/` directory for images and animations

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'feat: Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

Leandro Gartner - [@gartnerleandro](https://www.instagram.com/gartnerleandro)

## Acknowledgments

- [DotDager](https://www.youtube.com/@DotDager) for the inspiration and contest opportunity
- [Next.js Documentation](https://nextjs.org/docs)
- [React Documentation](https://reactjs.org/docs)
- [TypeScript Documentation](https://www.typescriptlang.org/docs)