Team Next.js
Welcome to the Team Next.js repository! This project is a tribute to the fantastic team I’m working with on our final project. It’s a simple Next.js application that features a display of our team members with their pictures and fun quotes. This project celebrates our collaboration and creativity as we work on our main project.
Project Overview
This project utilizes Next.js and Tailwind CSS to create a visually engaging section that displays team members. Each team member is shown with their name, a fun or humorous quote, and their image. This is designed to add a personal touch to our project and highlight our team’s spirit.
Live Demo
Check out the live demo of the project at: team-nextjs.vercel.app
Resources
Features
Team Member Display: Showcases team members with their names, fun quotes, and pictures. Hover Effect: Reveals additional details when hovering over a team member’s profile. Responsive Design: Adjusts to different screen sizes using Tailwind CSS. Getting Started To run this project locally, follow these steps:
Prerequisites
Ensure you have the following installed:
Node.js (version 14 or later) npm (comes with Node.js) Installation Clone the Repository
git clone https://github.com/Aber-Racheal/team_nextjs.git Navigate to the Project Directory
cd team_nextjs Install Dependencies
npm install Run the Development Server
npm run dev Open your browser and navigate to http://localhost:3000 to view the project.
Building for Production To build the project for production, use:
npm run build This command creates an optimized build ready for deployment.
Usage
TeamMember Component: Displays each team member’s image, name, and quote.
name: The name of the team member. quote: A fun or humorous quote from the team member. image: The filename of the image located in the public/Images directory. TeamSection Component: Renders the full list of team members using the TeamMember component.
Contributing
This project is intended as a simple showcase of team members. Contributions are welcome if you have ideas for enhancements or improvements.
Acknowledgements
A heartfelt thank you to my incredible team:
Racheal Aber: For your positive energy and enthusiasm. Mary Vivian. M: For your witty and engaging quotes. Maureen Njeri: For your enthusiasm and participation. Faith Wachira: For your support and collaboration. Yvonne Martin: For being a great teammate.
Thank you all for your contributions to this project and for being such a wonderful team to work with!