myBlog is a full-stack blogging application built with Next.js, TypeScript, Sanity, Tailwind CSS, NextAuth.js, and React form. It provides a seamless and intuitive experience for bloggers and readers alike, combining powerful features such as Google authentication, blog creation, and user commenting.
To run this application, you'll need to have Node.js and npm installed on your machine. You can then clone this repository and run the following commands:
npm install
npm start
This will start the application in development mode. You can then open http://localhost:3000 to view it in the browser.
This Blog project includes the following features:
- Next.js: Utilizing the Next.js framework, myBlog offers server-side rendering, efficient routing, and optimized performance, ensuring fast page loads and an enhanced user experience.
- TypeScript: Built with TypeScript, myBlog provides robust type-checking and improved code reliability, enabling developers to catch errors early and enhance overall code quality.
- Sanity: myBlog integrates with Sanity, a headless content management system (CMS), allowing bloggers to effortlessly manage their content, create new blog posts, and organize them using a simple and intuitive interface.
- Tailwind CSS: The project leverages the power of Tailwind CSS, a utility-first CSS framework, to create a highly customizable and responsive user interface. Tailwind CSS streamlines the styling process, making it easy to customize the visual appearance of the blog.
- NextAuth.js: myBlog implements NextAuth.js for authentication, providing users with seamless and secure access to the platform using their Google accounts. This enables a streamlined login process and enhances the overall security of the application.
- React Form: The blogging platform incorporates a sophisticated React form system that enables users to create and edit blog posts effortlessly. The form is designed to be user-friendly and intuitive, providing a seamless writing experience.
With myBlog, you can create and manage your blog content, authenticate users through Google, and enable readers to engage with your posts through comments. It offers a modern and efficient solution for bloggers who want to focus on creating content without worrying about the technical complexities of building a blogging platform from scratch.
- Next.js
- Typescript
- Sanity
- Tailwind CSS documentation
- Redux Toolkit documentation
- Firebase authentication documentation
Mohamed Khaled is a skilled front-end developer specializing in React JS and is passionate about creating responsive and dynamic user interfaces. With a strong background in web development and a wealth of experience working on a range of projects, I bring a proven track record of delivering high-quality work and exceeding client expectations.
Throughout my career, I have honed my skills in various areas, including React JS, JavaScript, HTML, CSS, and other web development technologies. I pride myself on my ability to create intuitive, user-friendly designs that prioritize the user experience and seamlessly integrate with backend systems.
Some of the technologies and tools I'm proficient in include:
- React JS (including Redux Toolkit, React Router, and Next.js)
- JavaScript (ES6+) and TypeScript
- HTML5, CSS3 (including CSS preprocessors such as Tailwind CSS)
- Responsive web design and mobile-first development
- Git and GitHub
- Testing frameworks such as Jest
My portfolio includes several notable projects demonstrating my technical expertise and creative problem-solving abilities. Whether working independently or as part of a team, I am committed to delivering results that meet or exceed client expectations, on time and within budget.
If you are looking for a skilled front-end developer with expertise in React JS, look no further. Contact me today to discuss your project and discover how I can help bring your vision to life.
