This project is a comprehensive CV (Curriculum Vitae) application built with the modern web development stack including TypeScript, Next.js, CSS Modules, Jest, and Redux-Toolkit. The app allows users to create, edit, and manage their professional resumes efficiently.
- TypeScript: Ensures type safety and enhances code quality.
- Next.js: Provides server-side rendering and static site generation for fast, SEO-friendly web applications.
- CSS Modules: Enables modular and scoped CSS for better styling management.
- Jest: Facilitates testing with a robust and flexible testing framework.
- Redux-Toolkit: Simplifies state management with a set of tools and best practices.
- MongoDB Integration: Currently, the skills component works with MongoDB, allowing any user on the internet to add, delete, and edit skills data. However, you can change this logic by renaming
src/pages/api/skillsLocal.ts
toskills.ts
, replacing the previous file.
To get started with the development server, follow these steps:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Then, open http://localhost:3000 in your browser to see the app in action.
You can start editing the application by modifying the app/page.tsx
file. The page will automatically update as you make changes, thanks to Next.js's hot-reloading feature.
To add your personal data, you need to replace the JSON data (the first four lines) from the public/locales/en-ru/common.json
folder with your own data. Additionally, replace all data from the src/mockData
folder with your personal information in the JSON files.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font, ensuring that the app looks great with high-quality typography.
To learn more about the technologies used in this project, check out the following resources:
- Next.js Documentation: Learn about Next.js features and API.
- Learn Next.js: An interactive Next.js tutorial.
- TypeScript Documentation: Comprehensive guide to TypeScript.
- CSS Modules Documentation: Learn how to use CSS Modules.
- Jest Documentation: Guide to using Jest for testing.
- Redux Toolkit Documentation: Introduction to Redux Toolkit.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
For more details on deploying Next.js applications, refer to the Next.js deployment documentation.