Vermilion

A NextJs portfolio website with stunning animation


View Demo . Report Bug . Request Feature

Table Of Contents

• About the Project
• Built With
• Getting Started
  • Prerequisites
  • Installation
  • Hosting
• Contributing
• Issue Template
• License
• Authors

About The Project

Vermilion is a portfolio website template designed to help you increase your online presence. The website features a stunning black and red color theme that conveys sophistication and energy, while smooth animations created using TypeScript and Framer Motion provide a dynamic and engaging user experience.

Built With

Vermilion is built using upto date technology like NEXTJS SCSS TS Framer-motion and AnimeJs

• NextJS
• SCSS
• FramerMotion
• AnimeJS
• TypeScript

Getting Started

Prerequisites

Git is a distributed version control system used for software development. It allows multiple developers to work on the same codebase simultaneously, keeping track of changes and managing versions. It also enables users to revert changes and collaborate more effectively.

NodeJs is a JavaScript runtime built on Chrome's V8 JavaScript engine. It allows developers to execute JavaScript code outside of a web browser, making it possible to create server-side applications with JavaScript. Node.js is fast, lightweight, and scalable, making it popular for building modern web applications.

EmailJs is a cloud-based email service that enables you to send emails directly from your website or web application without the need for a server-side application. With EmailJS, you can easily integrate email functionality into your web development projects, allowing you to send custom email templates to your users or customers.

Installation

create an .env.local file in root directory

NEXT_PUBLIC_SERVICE_ID= Your emailjs SERVICE_ID
NEXT_PUBLIC_TEMPLATE_ID=  Your emailjs TEMPLATE_ID
NEXT_PUBLIC_PUBLIC_KEY=  Your emailjs PUBLIC_KEY

Get api keys from EmailJs

git clone https://github.com/ShivaBhattacharjee/vermilion

 cd vermilion

npm install

npm run dev

Hosting

(get enviroment variables from emailjs)

• Vercel

• Render

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

• If you have suggestions for adding or removing projects, feel free to open an issue to discuss it

• Please make sure you check your spelling and grammar.

Creating A Pull Request

Wanna contribute to Vermilion ?

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/FeatureName)
3. Commit your Changes (git commit -m 'Add some FeatureName')
4. Push to the Branch (git push origin feature/FeatureName)
5. Open a Pull Request

Raising an issue

If you're experiencing any problems with Vermilion, please be sure to review our issue template before opening a new issue. The template includes a list of questions and prompts that will help us better understand the issue you're experiencing, and it will ensure that we have all of the necessary information to investigate the problem.

We kindly ask that you provide as much detail as possible when submitting an issue, including steps to reproduce the problem, any error messages that you have seen, and any other relevant information. This will help us to identify and fix the issue more quickly.

Thank you for your cooperation, and we look forward to hearing from you!

License

Distributed under the MIT License . See LICENSE for more information.

Authors

• Shiva Bhattacharjee - Shiva Bhattacharjee - Vermilion