Codú's open-source codebase. A space for coders.

Overview

PRs Welcome

Running the app

$ npm install

# development
$ npm run 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.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!


👨‍💻 Contributing

  • Contributions make the open source community such an amazing place to learn, inspire, and create.
  • Any contributions you make are truly appreciated.
  • Check out our contribution guidelines for more information.

📙 Prerequisite Skills to Contribute

Contribute in Documents

Contribute in Code

Comments
  • Fix padding issues with the author information at the end of blog posts

    Fix padding issues with the author information at the end of blog posts

    Currently, there is extra padding on the BioBar component.

    Screenshot 2022-10-27 at 09 07 38

    It would be nice if this looked more like this: Screenshot 2022-10-27 at 09 25 39

    Check that the alignment is similar on mobile (that the margins and padding align).

    bug good first issue hacktoberfest-accepted hacktoberfest 
    opened by NiallJoeMaher 6
  • Rename .env.development to .env

    Rename .env.development to .env

    Context

    Due to an error on running npx prisma db push we are unable to use .env.development. Prisma expects a .env not a .env.development.

    Note, if someone has a solution that does not require renaming I will also look at that.

    Expected Behavior

    When running npx prisma db push I expect it to run as suggested in the readme docs.

    Current Behavior

    Currently npx prisma db push errors because there is no .env file.

    bug 
    opened by NiallJoeMaher 4
  • Ability to embed YouTube videos in markdown

    Ability to embed YouTube videos in markdown

    ✨ Codu Pull Request 💻

    Codu Logo

    Pull Request details:

    • Created a new markdown file content/articles/embed-yt-videos.md, within this file I used markdown syntax to allow for youtube videos to be shown alongside a comment explaining how it works. I've used this syntax on most of my Code Institute projects with no issues.

    • The test video just has a placeholder thumbnail but can be customised with any image or screenshot. You can also have it just as a text hyperlink if desired.

    • I was unable to test on the site due to a server 500 error but I am confident that this should work as I've used it on multiple projects and it displays perfectly fine on GitHub.

    Any Breaking changes:

    • None

    Associated Screenshots:

    image image

    invalid 
    opened by GitHub-Harrison 4
  • Pull Request Template 🤜

    Pull Request Template 🤜

    ✨ Codu Pull Request 💻

    Codu Logo

    👉 Please remove the below and replace with your own values, leaving the headers where they are. 👈

    Pull Request details:

    • new root directory docs - Github will see this folder automatically and throw the PR template for every new template being submitted by a contributor
    • pull_request_template.md file nested in new root directory
    • PR Template contents defined with three primary headers:
      • pr details
      • breaking changes
      • associated screenshots

    Any Breaking changes:

    • Root directory addition of docs folder

    Associated Screenshots:

    • PR template rendered view:

    image

    hacktoberfest-accepted 
    opened by auxfuse 4
  • Add license

    Add license

    ✨ Codu Pull Request 💻

    Codu Logo

    👉 Please remove the below and replace with your own values, leaving the headers where they are. 👈

    Pull Request details:

    • Adds LICENCE.md
    • Closes #120

    Any Breaking changes:

    • None

    Associated Screenshots:

    ( Welcome file extensions include gifs/png screenshots of your feature in action )

    • None
    opened by sleithdylan 3
  • Fixed padding issues with the author information.

    Fixed padding issues with the author information.

    ✨ Codu Pull Request 💻

    Codu Logo

    Pull Request details:

    • The Padding attributes "px-4" have been removed from Biobar.tsx file to fix the alignment issues with the author information at the end of each article.

    Any Breaking changes:

    • None

    Associated Screenshots:

    Before Commit
    

    image

    After Commit
    

    image

    opened by VSB14 3
  • Add break-words class to excerpt paragraph

    Add break-words class to excerpt paragraph

    ✨ Codu Pull Request 💻

    Codu Logo

    Pull Request details:

    • Add break-words class to excerpt's p tag
    • Resolves #67
    • There's also an issue with eslint in the same file because we are using an img tag instead of next's Image component. Should we ignore this eslint rule for this file?

    Any Breaking changes:

    • None

    Associated Screenshots:

    image

    opened by gdomaradzki 3
  • feat: switch from Date to Temporal

    feat: switch from Date to Temporal

    https://tc39.es/proposal-temporal/docs/

    ran into some cases where the server hydration would break because of a difference in locale between server and client. Proper fix is to restrict it to client side only, but for now I'll hardcode it to en-IE, and ditch the useless Date for the glorious if still in Stage 3 Temporal.

    opened by DogPawHat 3
  • Add Dockerfile for Nextjs build

    Add Dockerfile for Nextjs build

    ✨ Codu Pull Request 💻

    • Upgrade to next 13.1
    • Cleanup lint warnings
    • Add standalone config
    • Add @svgr/webpack
    • Cleanup icons in footer

    Any Breaking changes:

    None

    opened by NiallJoeMaher 2
  • Add ability to upload profile photo with s3

    Add ability to upload profile photo with s3

    ✨ Codu Pull Request 💻

    Pull Request details:

    • Adds Dockerfile to test build on AWS
    • Removes use of Nextjs Image when using bucket for profile photo until we have a domain attached

    Any Breaking changes:

    To upload photos locally you need to setup an s3 bucket

    Screenshot 2022-12-31 at 16 17 21

    opened by NiallJoeMaher 2
  • Adds infinite scroll to article page

    Adds infinite scroll to article page

    ✨ Codu Pull Request 💻

    • Fix 'your posts' page
    • Adds ssr prefecth with tRPC for article page
    • Clean up UI
    • Change layout for articlePreview
    • Move edit button into menu for articlePreview

    Pull Request details:

    Batch of changes to improve user experience

    Any Breaking changes:

    Database needs to be updated for dev.

    opened by NiallJoeMaher 2
  • Stop data refetching when clicking away from blog writing page

    Stop data refetching when clicking away from blog writing page

    Because of useQuery, data is automatically refetched when returning to a page which can cause unsaved changes to be replaced with old data.

    We need to stop this behaviour so that the user does not lose unsaved changes on the settings and new blog post pages.

    opened by NiallJoeMaher 0
  • Give warning of unsaved changes if user tries to navigate before saving content

    Give warning of unsaved changes if user tries to navigate before saving content

    If the user navigates while editing a post the user should be prompted with an alert to confirm the navigation so they don't lose unsaved changes.

    If the user has saved all changes this prompt can be ignored.

    enhancement 
    opened by NiallJoeMaher 0
  • Update how we generate excerpts

    Update how we generate excerpts

    ✨ Codu Pull Request 💻

    Codu Logo

    👉 Please remove the below and replace with your own values, leaving the headers where they are. 👈

    Pull Request details:

    • This pull request resolves https://github.com/codu-code/codu/issues/111
    • Originally the excerpt was being generated on each update of the draft, if it didn't exist it was taking the first 156 chars of the body and generating one.
    • The new behaviour puts this into the publish method only generating one if required on publish.

    Any Breaking changes:

    • IF ANYTHING YOU'RE COMMITTING WOULD BREAK SOMETHING, INCLUDE HERE WHAT WOULD BREAK
    • IF YOU HAVE NO BREAKING CHANGES, ENTER 'None'

    Associated Screenshots:

    ( Welcome file extensions include gifs/png screenshots of your feature in action )

    • IF YOU HAVE ANY SCREENSHOTS, INCLUDE THEM HERE.
    • IF YOU HAVE NO SCREENSHOTS, ENTER 'None'
    opened by EvanBurbidge 3
  • Only generate excerpt if post is published without excerpt

    Only generate excerpt if post is published without excerpt

    Context

    In the post editor, we always have an excerpt even before we publish.

    Expected Behavior

    I would expect this to only be generated if the user has published an empty excerpt. It should also not allow extra whitespace. As you can see here this has linebreaks in the preview which won't be respected when rendered anyway.

    Current Behavior

    Currently after saving a post an excerpt is generated.

    Screenshots

    Screenshot 2022-11-23 at 19 53 32

    bug 
    opened by NiallJoeMaher 0
  • Post changes disappears when clicking away from the post editor

    Post changes disappears when clicking away from the post editor

    Context

    When editing a post or content user might lose the changes if not saved.

    Expected Behavior

    The user should be able to click away from the browser and not lose the changes to the post.

    Current Behavior

    When the post is edited and the user clicks away from the browser or changes the browser tab and then navigates back to the post editor all the content that was not saved disappears.

    Screenshots

    2022-11-08 11 36 15

    Steps to reproduce

    1. Open the post
    2. Start making changes
    3. Click away from the browser or a different tab in the browser
    4. Click back on the browser tab with the post editor
    5. The new unsaved changes will disappear
    opened by patrickhladun 0
  • Fix unwanted elements spacing in the post preview

    Fix unwanted elements spacing in the post preview

    ✨ Codu Pull Request 💻

    Codu Logo

    Pull Request details:

    • The whitespace-pre-wrap class and white-space: pre-wrap style have been removed from pages/create/[[...postIdArr]].tsx file to fix the unwanted spacing around HTML elements.

    Any Breaking changes:

    • none

    Associated Screenshots:

    Post Editor

    Screenshot 2022-11-07 at 14 07 05

    Post Preview

    Screenshot 2022-11-07 at 14 07 18

    Closes #56

    opened by patrickhladun 2
Owner
Codú Community
Hop onto our Discord and join the fun.
Codú Community
freeCodeCamp.org's open source codebase and curriculum. Learn to code for free.

freeCodeCamp.org's open-source codebase and curriculum freeCodeCamp.org is a friendly community where you can learn to code for free. It is run by a d

freeCodeCamp.org 359.2k Jan 7, 2023
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Space Travelers' Hub - a web application that facilitates booking rockets and join selected space missions

This is a web application that facilitates booking rockets and join selected space missions. It is built for a company that offers both commercial and scientific space travel services. The application also works with real live data from the SpaceX API.

Mong'are 6 Mar 29, 2022
"Space-Travelers-Hub" is a website that allows users to book rockets and join selected space missions by using data from the SpaceX API.

Space-Travelers-Hub This project was bootstrapped with Create React App. Description "Space-Travelers-Hub" is a website that allows users to book rock

Tresor Sawasawa 4 Mar 13, 2022
A web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

Space Travelers A web application for a company that provides commercial and scientific space travel services. The application will allow users to boo

Hector Torres 2 Apr 6, 2022
Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space.

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space. The user can choose a rocket from our catalog interface, and reserve it. Also, the user can see recent special missions and join them. Finally, the user will be able to keep track of all your rockets and mission they are subscribed to. Build with React, Redux, React-router, and Railwindcss.

Mihreteab Misganaw 3 Jan 27, 2022
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

space-hub About Project "Space Traveler's Hub" is A web application that provides commercial and scientific space travelling services, We are working

Nicholas Emmanuel 7 Nov 2, 2022
This a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.

Space Travelers' Hub In this project, we have worked with the real live data from the SpaceX API. Our task was to build a web application for a compan

Apuabi Titilope 4 Oct 31, 2022
In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel services that allows users to book rockets and join selected space missions.

Space Travelers' Hub In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel servic

Diego Yon 7 Sep 30, 2022
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Traveler's Hub This web application provides commercial and scientific space travel services. The application allows users to book rockets and j

Michael Mesfin 6 Oct 4, 2022
Repositório com código da segunda live do Santander Coders Web FullStack

CASE WEB APP DE PREVISÃO DO TEMPO Node.js Como iniciar projeto React de maneira simples: Create React App (CRA): npx create-react-app nome_do_app Vite

Let's Code 29 Apr 3, 2022
CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms

CodeTogether is a platform that aims to bring all the developers and coders together to appreciate collaborative coding by resolving issues faced by programmers on normal IDEs/platforms. It allows developers to communicate with their fellow developers or collaborators through online voice call and realtime chat. Besides, the whiteboard makes the framing of an algorithm easier by helping programmers working collaboratively to discuss and plan their approach together

Shayan Debroy 5 Jan 20, 2022
GNC Coders - Punk API Project

GNC Coders - Punk API Project This project developed using Punk API. Project live on Team Members Name Cansu Yarkın Gamze Gürcan Nejla Şahin Kanban bo

null 9 Jan 25, 2022
Maintain your API development, documentation and experimentation all within your codebase.

dostman Maintain your API development, documentation and experimentation all within your codebase. This project is a new release! Feel free to contact

Ege Çavuşoğlu 16 Mar 11, 2022
4Web is a collection&creation of codebase, frameworks, libraries dedicated to web development 📦

?? You can also contribute to add / create your own collection in this repository Collection name Description ?? blinke

Raja Rakotonirina 5 Nov 14, 2022