Website
Fully responsive, SEO-friendly website with the aim of providing services and access to all groups of didactic courses and general purposes to students of the University of Milan.
Overview:
studentiunimi.it is a fully responsive website built with React, NextJS, and Fluent UI. Its main objective is to provide services and access to all groups of didactic courses and general purposes to students of the University of Milan. The website interacts with a database using APIs from the backend.
Features:
- Dark Theme: The website offers a dark mode feature for users who prefer a darker interface.
- Localization: The website supports localization, making it accessible for international students without requiring additional page loads.
- Color Themes: Users have the option to choose from an array of color palettes, allowing for customizable and visually appealing themes.
- SEO: The website utilizes NextJS to optimize its visibility on search engines, improving its overall search engine optimization.
Summary:
studentiunimi.it is a student-focused website that provides various services to students of the University of Milan. Built with React and NextJS, it offers a responsive design, dark theme, localization, customizable color themes, and improved visibility through search engine optimization. To install and run the website locally, users need to create a .env.local file, install local-cors-proxy globally, and start the development server.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.