Our new and updated website for CU Blueprint available at carletonblueprint.org
In 2021, we decided to build our club a brand new website with an improved UI and a more modern tech stack. The reason for this change was that our old website was built with Pug and had outdated design decisions.
To meet these challenges, our team designed a new UI using Figma and is currently working on developing it using React, Typescript and styled components.
Our site contains information about CUBlueprint's mission statement, our current projects, our team, how to get involved and sign up forms for volunteers and non-profit organizations.
The following is a visual map of how to navigate our website:
- TypeScript
- React
- Yarn
- Styled Components 💅
First make sure you install Node.js v16.20.2. You can use nvm (Node Version Manager) to switch between node versions.
Next, to install dependencies run the following command inside the project directory ("cublueprint.github.io"):
Then to run the project in development mode on a local server, run the following command:
This command will run the app on default http://localhost:3000. It can be accessed via a web browser. The page will reload if you make edits. You will also see any lint errors in the console.
todo: add more specific steps here...
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
See the section about deployment for more information.
Credits for the website go to: