92 lines
2.2 KiB
Markdown
92 lines
2.2 KiB
Markdown
# Meme Coin Website
|
|
|
|
A modern, responsive website for a meme cryptocurrency, built with Next.js, TypeScript, Tailwind CSS, and Framer Motion.
|
|
|
|
|
|
|
|
## Features
|
|
|
|
- Responsive design that works on all devices
|
|
- Modern UI with smooth animations using Framer Motion
|
|
- Built with Next.js App Router and TypeScript
|
|
- Styled with Tailwind CSS and shadcn/ui components
|
|
- SEO optimized
|
|
|
|
## Sections
|
|
|
|
- **Hero section**: Eye-catching introduction with call-to-action buttons
|
|
- **About section**: Highlighting key features and benefits
|
|
- **Tokenomics**: Detailed token distribution and transaction fees
|
|
- **Interactive roadmap**: Timeline showing project milestones
|
|
- **Community section**: Social links and newsletter signup
|
|
- **Footer**: Links to important pages and legal information
|
|
|
|
## Getting Started
|
|
|
|
### Prerequisites
|
|
|
|
- Node.js 18.17 or later
|
|
|
|
### Installation
|
|
|
|
1. Clone the repository:
|
|
```bash
|
|
git clone <repository-url>
|
|
cd meme-coin
|
|
```
|
|
|
|
2. Install dependencies:
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
3. Run the development server:
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
4. Open [http://localhost:3000](http://localhost:3000) in your browser to see the result.
|
|
|
|
## Building for Production
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
Then, you can start the production server:
|
|
|
|
```bash
|
|
npm start
|
|
```
|
|
|
|
## Pushing to Gitea Server
|
|
|
|
To push this repository to your Gitea server:
|
|
|
|
1. Create a new repository on your Gitea server (e.g., https://git.boilerhaus.org)
|
|
2. Add the remote repository:
|
|
```bash
|
|
git remote add origin git@git.boilerhaus.org:boilerrat/meme.git
|
|
```
|
|
3. Push the code:
|
|
```bash
|
|
git push -u origin main
|
|
```
|
|
|
|
## Technologies Used
|
|
|
|
- [Next.js](https://nextjs.org/) - React framework for production
|
|
- [TypeScript](https://www.typescriptlang.org/) - Typed JavaScript
|
|
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework
|
|
- [Framer Motion](https://www.framer.com/motion/) - Animation library
|
|
- [shadcn/ui](https://ui.shadcn.com/) - UI component library
|
|
|
|
## License
|
|
|
|
This project is licensed under the MIT License - see the LICENSE file for details.
|
|
|
|
## Acknowledgments
|
|
|
|
- Design inspired by modern cryptocurrency websites
|
|
- Icons and emojis used for simplicity
|
|
- Placeholder images from [PlaceKitten](https://placekitten.com/) |