Differences
This shows you the differences between two versions of the page.
|
se:assignment:01 [2024/09/21 14:38] emilian.radoi |
se:assignment:01 [2025/11/01 01:56] (current) emilian.radoi [Deadline] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Assigment ====== | ====== Assigment ====== | ||
| - | <hidden> | + | |
| ===== Overview ===== | ===== Overview ===== | ||
| Line 52: | Line 52: | ||
| ==== Metrics Collection (1p) ==== | ==== Metrics Collection (1p) ==== | ||
| - | You should also have tools for collecting various metrics integrated into your app. We do not impose any tool or library, but we want you to motivate in the //Readme.md// file why you chose a certain technology, what metrics are you collecting, why you collect them, and how you plan to use them to take better business decisions for your Trello app 8-). | + | You should also have tools for collecting various metrics integrated into your app (like [[https://posthog.com/|Posthog]]). We do not impose any tool or library, but we want you to motivate in the //Readme.md// file why you chose a certain technology, what metrics are you collecting, why you collect them, and how you plan to use them to take better business decisions for your Trello app 8-). |
| - | ==== App Deployment (bonus - 1p) ==== | + | ==== App Deployment (Mandatory) ==== |
| Deploy your app somewhere in the cloud so that it can be accessed from anywhere. We strongly recommend [[https://vercel.com/ | Vercel]] due to its ease of use and seamless integration with Next.js. | Deploy your app somewhere in the cloud so that it can be accessed from anywhere. We strongly recommend [[https://vercel.com/ | Vercel]] due to its ease of use and seamless integration with Next.js. | ||
| Line 66: | Line 66: | ||
| Some technologies are mandatory and must be included in your tech stack. However, some are just recommendations and you can pick whatever technology you want in the end. So your typical tech stack should look like this: | Some technologies are mandatory and must be included in your tech stack. However, some are just recommendations and you can pick whatever technology you want in the end. So your typical tech stack should look like this: | ||
| - | * **Frontend:** React + Next.js - **mandatory** | + | * **Frontend/Backend:** React/Next.js - **mandatory** |
| - | * **Backend:** Node.js + Express - **recommended** | + | |
| * **Database**: MongoDB - **recommended** | * **Database**: MongoDB - **recommended** | ||
| - | We included backend and database technologies in the tech stack because we require your data to be persistent. That means that your boards and tasks should be stored in your database of choice in a meaningful manner and this data should be accessed by your Next.js app through an API (a.k.a. your backend). | + | We included backend and database technologies in the tech stack because we require your data to be persistent. That means that your boards and tasks should be stored in your database of choice in a meaningful manner and this data should be accessed by your Next.js app. |
| <note important> | <note important> | ||
| - | Your app should also look pleasant, so a **components library** might come in handy in order for you not to mess around with too much CSS. [[https://mui.com/|Material UI]] is our strong recommendation for that. | + | Your app should also look pleasant, so a **components library** might come in handy in order for you not to mess around with too much CSS. [[https://tailwindui.com/|Tailwind]] + [[https://daisyui.com/|DaisyUI]] are our recommendations for that. |
| </note> | </note> | ||
| - | |||
| - | The diagram below depicts a typical architecture for your app: | ||
| - | |||
| - | {{:se:assignment:se-assignment-diagram-v2.png?600|}} | ||
| <note tip> | <note tip> | ||
| - | You can use the {{:se:labs:se-lab5-tasks-v2.zip|sample app}} provided in the [[https://ocw.cs.pub.ro/courses/se/labs/05 | Next.js lab]] as a starting point for your frontend project. | + | You can use labs 4 and 5 as a starting point for your project. Also, we highly encourage looking at the [[https://nextjs.org/learn|official Next.js tutorial]] as a reference. |
| - | + | ||
| - | We will not provide you with a starting point for your backend and database as these 2 components are not imposed. However, you can always Google some boilerplates. | + | |
| </note> | </note> | ||
| Line 90: | Line 83: | ||
| ==== Grading ==== | ==== Grading ==== | ||
| - | The assignment has a **maximum of 11 points**, which corresponds to **1.1p of your final grade**. Each feature will give you a certain amount of points: | + | The assignment has a **maximum of 10 points**, which corresponds to **1p of your final grade**. Each feature will give you a certain amount of points: |
| * Collection of Boards: **3p** | * Collection of Boards: **3p** | ||
| Line 96: | Line 89: | ||
| * Card Content: **3p** | * Card Content: **3p** | ||
| * Metrics Collection: **1p** | * Metrics Collection: **1p** | ||
| - | * App Deployment: **1p (bonus)** | + | * App Deployment: **MANDATORY! (0 points on assignment if not deployed, make sure we can easily access this for grading purposes)** |
| ==== Upload ==== | ==== Upload ==== | ||
| Line 104: | Line 97: | ||
| The assignment will be graded with **zero points** if: | The assignment will be graded with **zero points** if: | ||
| + | * The app is NOT deployed and functioning correctly at the URL you provide | ||
| * The //Readme.md// file is missing | * The //Readme.md// file is missing | ||
| * The //node_modules// directory is included in the archive | * The //node_modules// directory is included in the archive | ||
| Line 110: | Line 104: | ||
| <note important> | <note important> | ||
| **UPLOAD:** | **UPLOAD:** | ||
| - | * **[[https://curs.upb.ro/2023/mod/assign/view.php?id=65567 | MTI Assignment upload]]** | + | * **[[https://curs.upb.ro/2025/mod/assign/view.php?id=53416 | Assignment upload]]** |
| - | * **[[https://curs.upb.ro/2023/mod/assign/view.php?id=65554 | SRIC Assignment upload]]** | + | |
| </note> | </note> | ||
| Line 117: | Line 110: | ||
| ==== Deadline ==== | ==== Deadline ==== | ||
| - | The deadline is **hard** and it is on the **7th of December 2023, 23:55** | + | The deadline is **hard** and it is on the **27th of November 2025, 23:55** |
| + | |||
| - | </hidden> | ||
