John's GitHub Portfolio Welcome to John Rollins' GitHub Portfolio, a showcase of my development skills, projects, and technical proficiency. This portfolio highlights key projects that demonstrate my abilities as a Full-Stack Developer with expertise in building modern, responsive web applications. If you're a recruiter, this portfolio is designed to give you a quick and thorough overview of my capabilities and experience.

Table of Contents About Me Live Demo Key Skills Featured Projects Technologies Used Installation and Setup Project Structure Contact License About Me I am a Full-Stack Developer with a strong foundation in both front-end and back-end technologies. I specialize in creating dynamic, responsive, and visually appealing applications using technologies such as React, Next.js, TypeScript, and Node.js. My experience includes building user-friendly interfaces, integrating with external APIs, and delivering performance-optimized applications.

I thrive in environments that encourage continuous learning and collaboration, and I’m always eager to apply my skills to solve complex problems. This portfolio demonstrates my technical expertise and dedication to producing high-quality work.

Live Demo You can view the live version of this portfolio here:

Live Demo

Key Skills Frontend: React, Next.js, TypeScript, Tailwind CSS Backend: Node.js, Express, Django, Firebase Version Control: Git, GitHub Databases: MongoDB, SQL Testing: Jest, Cypress CI/CD: GitHub Actions, Docker Other: Responsive Design, RESTful APIs, Web Animations, Firebase Authentication Featured Projects Below are some key projects that showcase my abilities as a developer. Each project is built with a focus on modern, scalable technologies, and all source code is available on GitHub.

1. John's Portfolio Description: A fully responsive personal portfolio website built with Next.js and TypeScript. It dynamically fetches my GitHub repositories and displays key projects in a clean and professional layout. It also includes a downloadable resume and contact form. Technologies: Next.js, TypeScript, Tailwind CSS, GitHub API
2. Santa's Sleigh Secret Santa App Description: A full-stack web application that helps users organize a Secret Santa gift exchange. Users can create accounts, invite participants, and have gifts assigned randomly. Integrated with Spotify API for holiday music. Technologies: React, Node.js, MongoDB, Spotify API, Firebase Authentication
3. Mikey's Mythical Mixology Description: A drink recipe generator that helps users find their next favorite cocktail based on ingredients and alcohol type. Users can save, share, and rate drinks. Technologies: React, JavaScript, Firebase
4. Odin Recipes Description: A simple web-based recipe manager where users can upload and share their favorite recipes. This project demonstrates my ability to handle basic CRUD operations and create intuitive user interfaces. Technologies: HTML, CSS, JavaScript Technologies Used Frontend: React, Next.js, TypeScript, Tailwind CSS, Framer Motion Backend: Node.js, Express, Django Database: MongoDB, Firebase, SQL Testing: Jest, Cypress Version Control: Git, GitHub Installation and Setup If you’d like to run this portfolio locally, follow the instructions below:

Prerequisites Node.js (>= 14.x) npm (comes with Node.js) Clone the Repository bash Copy code git clone https://github.com/JohnR789/my-portfolio.git cd my-portfolio Install Dependencies bash Copy code npm install Run the Development Server bash Copy code npm run dev Your site will be live at http://localhost:3000.

Project Structure Here’s a quick overview of the project structure:

bash Copy code /my-portfolio ├── /components # Reusable React components (Header, Footer, Projects, etc.) ├── /pages # Next.js pages (index, 404, etc.) ├── /public # Static assets like images, PDF, etc. ├── /styles # Global styles and Tailwind configuration ├── /src # Main source code │ ├── /components # All main components for the site │ ├── /styles # Custom and global styles │ └── /utils # Utility functions ├── .env.local # Environment variables for the project ├── next.config.mjs # Next.js configuration ├── package.json # Project dependencies and scripts └── README.md # Project overview and documentation Contact Feel free to get in touch if you'd like to discuss my qualifications or any potential job opportunities. You can reach me via:

Email: rollinsj789@gmail.com LinkedIn: John Rollins GitHub: JohnR789 License This project is licensed under the MIT License - see the LICENSE file for details.