TechTea

TechTea is a modern React-based blog platform for tech enthusiasts to share and discuss the latest technology news. Built with a focus on user experience and performance, TechTea provides a seamless platform for tech content creators and readers.

🌟 Features

• User authentication (Sign up/Login)
• Create, edit, and delete blog posts
• Responsive design for all devices
• Real-time updates
• Modern UI with Tailwind CSS
• Redux state management
• Lazy loading for better performance
• Toast notifications for user feedback

🛠️ Tech Stack

Frontend

• React.js 18
• Redux Toolkit for state management
• React Router v6 for routing
• Tailwind CSS for styling
• React Icons for icons
• React Toastify for notifications
• Axios for API requests
• Moment.js for date handling

Development Tools

• Vite for build tooling
• ESLint for code linting
• Prettier for code formatting
• SWC for fast compilation

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• MongoDB (for backend)

Installation

1. Clone the repository:

git clone https://github.com/SwapnilMk/techtea
cd techtea

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open http://localhost:5173 in your browser

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint
• npm run format - Format code with Prettier
• npm run format:check - Check code formatting
• npm run format:fix - Fix code formatting issues

📱 Live Demo

Visit the live application at: https://techtea.netlify.app/

🏗️ Project Structure

src/
├── assets/        # Static assets
├── components/    # Reusable components
├── pages/         # Page components
├── redux/         # Redux store and slices
├── utils/         # Utility functions
├── Scroll/        # Scroll-related components
├── App.jsx        # Main App component
└── main.jsx       # Entry point

🤝 Contributing

We welcome contributions to TechTea! Here's how you can help:

1. Fork the repository
2. Create a new branch (git checkout -b feature/amazing-feature)
3. Make your changes
4. Commit your changes (git commit -m 'Add amazing feature')
5. Push to the branch (git push origin feature/amazing-feature)
6. Open a Pull Request

Development Guidelines

• Follow the existing code style
• Write meaningful commit messages
• Add comments for complex logic
• Update documentation as needed
• Test your changes thoroughly

📝 License

This project is open source and available under the MIT License.

👥 Authors

• SwapnilMk - Initial work

🙏 Acknowledgments

• Thanks to all contributors who have helped shape TechTea
• Special thanks to the open-source community for the amazing tools and libraries

---

Made with ❤️ by the TechTea team