An open API service indexing awesome lists of open source software.

https://github.com/sksksk2024/cota

This is my Personal Platform(V2)!! Feel free to know me better 😀
https://github.com/sksksk2024/cota

customhooks framer-motion nextjs oauth prisma react sendgrid stripe supabase tailwindcss translation typescript zod

Last synced: 3 months ago
JSON representation

This is my Personal Platform(V2)!! Feel free to know me better 😀

Awesome Lists containing this project

README

          

# Cota Alexandru's Personal Platform

## Table of Contents

- [Overview](#overview)
- [Screenshot](#screenshot)
- [My Process](#my-process)
- [What I Learned](#what-i-learned)
- [Continued Development](#continued-development)
- [My Tech Stack](#my-tech-stack)
- [Useful Resources](#useful-resources)

## Overview

### Screenshot


Desktop Preview
Mobile Preview

---

## My Process

### What I Learned

🎯

- Planning good design patterns
- Being consistent with my style overall
- Adding email send functionality
- Being patient through the process(difficult to stay consistent on one single website)

---

### Continued Development

🔥

- I detected bugs, where the navbar doesn't show neither sign up and sign in, but edit profile and sign out, which I don't want for somebody that didn't even logged into my website; also, the sign up and other pages are not working in production(I will explore the aspects to see what is going on)
- Planning to make my Blog Website, where I write topics everyday;
- Add Stripe to Wings Website(my friend's website)

### My Tech Stack

💡

- **Frontend:** Next.js, React, TypeScript
- **Styling & UI:** Tailwind CSS with Shadcn, Daisy UI, Framer Motion, Magic UI
- **Backend & Database:** Prisma, PostgreSQL
- **Testing & Validation:** Vitest, Jest, Testing Library, Zod

Staying consistent and improving my skills with these technologies is my top priority! 🚀

---

### Useful Resources

📚

| Resource Name | Description | Link |
| --------------------------------- | ------------------------------------------------------------------------------------------ | --------------------------------------------------------- |
| **Vitest Documentation** | Official documentation for Vitest testing framework. | [Vitest Docs](https://vitest.dev/) |
| **TypeScript Documentation** | Comprehensive guide on TypeScript language features and best practices. | [TypeScript Docs](https://www.typescriptlang.org/docs/) |
| **Tailwind CSS v4 Documentation** | Official documentation for Tailwind CSS version 4, including utilities and configurations. | [Tailwind CSS v4 Docs](https://tailwindcss.com/) |
| **Framer Motion Documentation** | Detailed documentation for the Framer Motion library for animations. | [Framer Motion Docs](https://www.framer.com/motion/) |
| **React Documentation** | Official React documentation covering concepts, hooks, and advanced patterns. | [React Docs](https://react.dev/) |
| **Next.js Documentation** | Official Next.js documentation covering routing, API routes, and optimizations. | [Next.js Docs](https://nextjs.org/docs) |
| **MongoDB Documentation** | Official MongoDB documentation for database setup, queries, and best practices. | [MongoDB Docs](https://www.mongodb.com/docs/) |
| **Express.js Documentation** | Guide on using Express.js to build backend APIs with Node.js. | [Express.js Docs](https://expressjs.com/) |
| **Node.js Documentation** | Official Node.js documentation for backend development. | [Node.js Docs](https://nodejs.org/en/docs/) |
| **Jest Documentation** | Comprehensive guide on testing with Jest, useful for unit and integration testing. | [Jest Docs](https://jestjs.io/docs/getting-started) |
| **Testing Library Documentation** | Guide on using React Testing Library for writing accessible tests. | [Testing Library Docs](https://testing-library.com/docs/) |
| **Zod Documentation** | Schema validation library useful for Next.js and TypeScript projects. | [Zod Docs](https://zod.dev/) |

---

🚀 Happy coding!