Roadmap is inspired by roadmap.sh to create a modularized learning platform where educators and learners can learn better.
- Roadmap maker for users to create their own roadmap
- Community roadmaps for users to browse community-made roadmaps
- Interactive roadmaps for modularized learning all in one place!
- Next.js: Server side rendering is needed for certain pages and Next.js is the best for dynamic rendering using React and yes, Typescript.
- Tailwind: Easy styling
- Planetscale: Database that's scalable and branching features to prevent blocking changes
- GraphQL: Type safety from end-to-end plus declarative fetching for performance
- Prisma: Bridges the backend and frontend
- Vitest: Unit testing for critical components (NOT YET / MAYBE)
- Playwright: E2E testing to ensure anything pushed to deployment will run safely, no breaking changes (NOT YET)
One Week GraphQL, a fullstack GraphQL course by Nader Dabit and Lee Robinson is a great resource to learn GraphQL and Prisma.
This is a Next.js project bootstrapped with create-next-app
.
To start the project,
git clone URL # clone this repo
cd roadmap # move into the folder
# install the dependencies
npm install
#OR
yarn
To run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. The page auto-updates as you edit the file.
This is a pretty early concept so I'm sorry that the requests are vague. Thanks for seeing this tho! :D