Neon Dance - Portfolio Website 😎🔥

Hi everyone! I am happy to show you my first open source project on github.

It is created in the style of Neon Cyberpunk, (was inspired by cyberpunk 2077), in general I hope someone will like this project, and on its basis you can create something of your own.

🔥Live preview

Strapi version here: check out 😊

A little bit about myself

My name is Oleksii Vratskyi, and I am a freelancer from Ukraine, I am engaged in website development in different directions for several years, in this time I have managed to work with online stores, landing pages, blogs, etc.

Over the past couple of years as much as I can to learn, I have achieved what you see in this repository now, I was able to create SSR sites, not badly optimized too, I will continue to develop and learn, because this is what I live.

By the way, I am now actively looking for a job, I would be happy to consider any options😇

Technologies

1. Nuxt 3 - The Intuitive Web Framework, Build your next Vue.js application with confidence using Nuxt. An open source framework under MIT license that makes web development simple and powerful.
2. Vue 3 - The Progressive JavaScript Framework, An approachable, performant and versatile framework for building web user interfaces.
3. TailwindCSS - Rapidly build modern websites without ever leaving your HTML, A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

SEO & Speed Optimization

Very glad that I was able to achieve these results, but that's not all, there is always room to strive, stay tuned :)

Structure

📦NeonDance
 ┣ 📂.nuxt
 ┣ 📂.output
 ┣ 📂components
 ┃ ┗ 📜PortfolioCards.vue
 ┃ ┗ 📜TheFooter.vue
 ┃ ┗ 📜TheHeader.vue
 ┣ 📂layouts
 ┃ ┗ 📜default.vue
 ┣ 📂pages
 ┃ ┗ 📜index.vue
 ┃ ┗ 📜about.vue
 ┃ ┗ 📜portfolio.vue
 ┃ ┗ 📜services.vue
 ┃ ┗ 📜contact.vue
 ┣ 📂public
 ┣ 📜nuxt.config.ts
 ┣ 📜tailwind.config.js
 ┗ 📜package.json

Road Map v1.0.0*

• ✅ Optimization - Code optimization, reworking the use of Vue.JS methods, bug fixes.
• ✅ Decomposition - Separation of reusable elements into components
• Strapi - Strapi is the leading open-source headless CMS. It’s 100% JavaScript and fully customizable.

Neon Dance Instalation

Setup

- Copy this `📂nuxt-app` directory into your project 
- Open `📂nuxt-app` directory via `cd nuxt-app` in terminal of your code editor
- Run this commands `npm install` ,  `yarn install` , `pnpm install --shamefully-hoist`

Development Server

Start the development server on http://localhost:3000

To start dev server run this command: `npm run dev`

Production

Build the application for production:

npm run build

Run TailwindCSS:

npm run css

Locally preview production build:

npm run preview

Deploy

Generate static files to deploy on hosting

npm run generate

In the 📂output directory will be generated public folder, all the files in the public folder, you can transfer to the hosting, then the site will work.

Support project

You can help develop this project, if you know such technologies as Nuxt 3, Vue 3, TailwindCSS, feel free to write me in personal messages or social networks, I will be very happy to work with like-minded people 😇

Or another way to support project

If You would like to help but have no skills in this area, you can donate any amount to this project, all donators I will point out in the githab repository, social media, as well as in the comments in the project code. Such people should be especially rewarded.

Support: https://www.patreon.com/vratsk1y If you need other ways, text me on social media😊