adeviento web

Web Advent Calendar

Web project "Adevo calendar" with pure python and reflection

The "Adevo Calendar" is an activity in which every day (during the Advent) a gift related to software programming and development (books, courses ...) is raffled. Its purpose is to help share knowledge and encourage community learning.

Visit https://adviento.dev

Development made live from Twitch

If you consider the project useful, apóyalo doing "★ Star" in the repository. Thank you!

Video tutorial

• Introduction
• Lesson 1 - Configuration
• Lesson 2 - Navar
• Lesson 3 - Header
• Lesson 4 - Footer
• Lesson 5 - Instructions
• Lesson 6 - Author
• Lesson 7 - Partners
• Lesson 8 - Calendar
• Lesson 9 - Repository
• Lesson 10 - Snow
• Lesson 11 - Deploy
• Conclusions

You have a channel called "Python" on the Discord server of the community to ask, share and help.

Project

This is the general structure of the project.

• ADVENT_WEB : MAIN SOURCE CODE
  • ADVENT_WEB.PY : index of the website
  • Constants.py : constants used on the site
  • Styles : styles directory (CSS, colors and fountains)
  • Views : View Directory (Graphic Sections)
  • Components : Component directory (graphic elements with less entity than a view)
• ASSETS : Javascript graphic resources and utilities (Nive and countdown)
• Rxconfig.py : main project configuration (default)
• requirements.txt : project dependencies for execution
• ASSETS : Javascript graphic resources and utilities (Nive and countdown)
• local_build.sh : Static generation script of the web for production at home
• Build.sh : Static generation script of the remote production web
• [generated] public : static packaging of the project that is deployed in production (HTML, CSS, JS and images)

Local configuration

1. Make a Fork from the repository.

2. Clona that repository in your local machine.

   git clone https://github.com/ < USERNAME > /adeviento-web.git

3. Navigate to the project directory.

    cd adeviento

4. Create a virtual environment.

   python3 -m venv venv

5. Activate the virtual environment.

    source venv/bin/activate

6. Install the units.

   python -m pip install -r requirements.txt

7. Initializes the reflection project.

   reflex init

8. Execute the project at home.

   reflex run

   You can access him entering the URL http://localhost:3000/ From the browser.

You have more information about reflection in your official documentation.

Deployment

To display the project, a local_build.sh has been created that is responsible for executing the necessary flow to generate the public directory with all the static resources that the web server needs.

The entire packaging process for production could be a delegate on the server, but the repository always has the public directory so that you can review the static web content without the need to execute the local_build.sh script.

 source .venv/bin/activate
pip install --upgrade pip
pip install -r requirements.txt
reflex init
reflex export --frontend-only
rm -fr public
unzip frontend.zip -d public
rm -f frontend.zip
deactivate

Basically, prepens the environment, installs dependencies, initializes the project, creates production construction, and decompressing it.

You can configure the server to perform the packaging task and deployment running build.sh .

The project can be deployed to any supplier or server that supports static resources.

Advent.dev is deployed in Vercel.

Vercel configuration:

• Github's repository has been associated with the project (so that each push in the main branch triggers a new deployment)
• Build & Development Settings: OTher
• Root Directory: public (which contains static production for production)
• Custom Domain: Advent.dev

Resources used

• Language: Python
• Framework: Reflex
• CSS: Nes.cs
• Source: Press Start 2P
• Hosting: Vercel

Python and Reflection Course

Free course to learn Border Web Development with pure python from scratch with reflection. The technologies used to develop the "Adevo Calendar" project. I also have a Python course from zero for beginners.

You can support my work doing "Star" in the Repo. Thank you!

Join the community programming campus

I present Mouredev Pro, my most important project to help you study software programming and development differently.

Are you looking for an extra? Here you will find my courses edited by individual lessons, to advance at your pace and save progress. You will also have exercises and corrections, test to validate your knowledge, exam and public certificate of completion, support, students, group meeting, exclusive courses and much more.

Enter Mouredev.pro and uses the "Pro" coupon with a 10% discount on your first subscription.

Hello, my name is Brais Moure.

Freelance full-stack iOS & Android Engineer

I am a software engineer since 2010. Since 2018 I combined my work developing apps with the creation of training content on programming and technology in different social networks such as @MouREDEV .

If you want to join our development community, learn programming, improve your skills and help the continuity of the project, you can find us in: