Welcome, open source!

2026-06-06 00:46:57 +00:00 · 2024-03-23 15:21:57 +01:00
commit 143ac87fcd
70 changed files with 6122 additions and 0 deletions
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,40 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# Sentry Config File
+.sentryclirc
--- a/.idea/.gitignore
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
--- a/.idea/aniversarioinstituto.iml
+++ b/.idea/aniversarioinstituto.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
--- a/.idea/discord.xml
+++ b/.idea/discord.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DiscordProjectSettings">
+    <option name="show" value="PROJECT_FILES" />
+    <option name="description" value="" />
+  </component>
+</project>
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,8 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="JSCheckFunctionSignatures" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="JSValidateTypes" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+  </profile>
+</component>
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="21" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/aniversarioinstituto.iml" filepath="$PROJECT_DIR$/.idea/aniversarioinstituto.iml" />
+    </modules>
+  </component>
+</project>
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
--- a/674
+++ b/674
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<https://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<https://www.gnu.org/licenses/why-not-lgpl.html>.
--- a/README.md
+++ b/README.md
@@ -0,0 +1,67 @@
+# Aniversario Instituto
+
+#### [Jump to english](#english)
+
+## Descripción
+
+Esta web se creó en enero para el aniversario del Instituto. Se creó con el fin de que los alumnos pudieran registrarse a sus actividades favoritas.  
+Ya que ha pasado el evento, he decidido hacer el código abierto para que cualquiera pueda verlo, y aprender de su estructura interna 😄
+
+Debido a su publicación con la licencia GNU GPL v3, he añadido algunos comentarios en el código para que sea más fácil de entender.
+
+*La web que se ve si se accede al dominio en este momento se sitúa en [la rama `current`](https://github.com/SrIzan10/aniversario-instituto/tree/current)*
+
+## Tiempo total de desarrollo
+En total unas 21 horas de escritura activa de código, pero en el editor de código unas 35 horas.
+
+[![wakatime](https://wakatime.com/badge/user/4ad16edf-eadc-48d9-b010-26f275fe0be6/project/018d2354-821e-43f5-afe4-174687ac6de3.svg)](https://wakatime.com/badge/user/4ad16edf-eadc-48d9-b010-26f275fe0be6/project/018d2354-821e-43f5-afe4-174687ac6de3)
+
+## Tecnologías
+### Frontend
+![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
+![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
+![Mantine](https://img.shields.io/badge/Mantine-ffffff?style=for-the-badge&logo=Mantine&logoColor=339af0)
+![Chart.js](https://img.shields.io/badge/chart.js-F5788D.svg?style=for-the-badge&logo=chart.js&logoColor=white)
+### Backend
+![Mantine](https://img.shields.io/badge/Clerk-7857FF?style=for-the-badge&logo=Clerk)
+![Prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)
+![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)
+![Sentry](https://img.shields.io/badge/sentry-452650?style=for-the-badge&logo=sentry&logoColor=white)
+![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)
+![Railway](https://img.shields.io/badge/railway-13111c.svg?style=for-the-badge&logo=railway&logoColor=white)
+
+## Desarrollo
+
+Crear un nuevo proyecto de [Clerk](https://clerk.com) y configuar las variables en el archivo `.env.local`.  
+Además añadir una variable llamada `EMAIL_DOMAIN` con el dominio de los correos electrónicos de los alumnos sin la arroba.  
+Después, rellenar la variable `DATABASE_URL` en el archivo `.env` con la URL de la base de datos de MongoDB.  
+Finalmente, instala las dependencias con `yarn install` y ejecuta el proyecto con `yarn dev`.  
+> [!NOTE]  
+> Puede tardar un rato en cargar
+
+# English
+
+## Description
+This website was created in January for the school's anniversary. It was created so that students could register for their favorite activities.
+Since the event has passed, I have decided to make the code open source so that anyone can see it, and learn from its internal structure 😄
+
+Due to its publication with the GNU GPL v3 license, I have added some comments in the code to make it easier to understand.
+
+*The website that is seen if you access the domain at this time is located in [the `current` branch](https://github.com/SrIzan10/aniversario-instituto/tree/current)*
+
+## Total development time
+In total about 21 hours of active code writing, but in the code editor about 35 hours.
+
+[![wakatime](https://wakatime.com/badge/user/4ad16edf-eadc-48d9-b010-26f275fe0be6/project/018d2354-821e-43f5-afe4-174687ac6de3.svg)](https://wakatime.com/badge/user/4ad16edf-eadc-48d9-b010-26f275fe0be6/project/018d2354-821e-43f5-afe4-174687ac6de3)
+
+## Technologies
+*Scroll back up to [Tecnologías](#tecnologías)*
+
+## Development
+
+Create a new [Clerk](https://clerk.com) project and configure the variables in the `.env.local` file.
+Also add a variable called `EMAIL_DOMAIN` with the domain of the students' email addresses without the @.
+Then, fill in the `DATABASE_URL` variable in the `.env` file with the URL of the MongoDB database.
+Finally, install the dependencies with `yarn install` and run the project with `yarn dev`.
+> [!NOTE]
+> It may take a while to load
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -0,0 +1,38 @@
+import {withSentryConfig} from '@sentry/nextjs';
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default withSentryConfig(nextConfig, {
+// For all available options, see:
+// https://github.com/getsentry/sentry-webpack-plugin#options
+
+// Suppresses source map uploading logs during build
+silent: true,
+org: "ieshuelin",
+project: "aniversario",
+url: "https://app.glitchtip.com/"
+}, {
+// For all available options, see:
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+
+// Upload a larger set of source maps for prettier stack traces (increases build time)
+widenClientFileUpload: true,
+
+// Transpiles SDK to be compatible with IE11 (increases bundle size)
+transpileClientSDK: true,
+
+// Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
+tunnelRoute: "/monitoring",
+
+// Hides source maps from generated client bundles
+hideSourceMaps: true,
+
+// Automatically tree-shake Sentry logger statements to reduce bundle size
+disableLogger: true,
+
+// Enables automatic instrumentation of Vercel Cron Monitors.
+// See the following for more information:
+// https://docs.sentry.io/product/crons/
+// https://vercel.com/docs/cron-jobs
+automaticVercelMonitors: true,
+});
--- a/package.json
+++ b/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "aniversarioinstituto",
+  "version": "0.1.0",
+  "private": true,
+  "license": "LGPL-3.0-only",
+  "scripts": {
+    "dev": "prisma generate && next dev",
+    "build": "prisma generate && next build",
+    "start": "next start",
+    "lint": "next lint",
+    "migrate": "yarn generateMigrations && node --loader ts-node/esm src/db/migrations.mts",
+    "generateMigrations": "drizzle-kit generate:pg --schema ./src/db/schema.ts"
+  },
+  "dependencies": {
+    "@clerk/nextjs": "^4.29.4",
+    "@mantine/core": "^7.5.0",
+    "@mantine/form": "^7.4.2",
+    "@mantine/hooks": "^7.5.0",
+    "@mantine/notifications": "^7.4.2",
+    "@prisma/client": "^5.8.1",
+    "@sentry/nextjs": "^7.94.1",
+    "chart.js": "^4.4.1",
+    "export-to-csv": "^1.2.2",
+    "jspdf": "^2.5.1",
+    "jspdf-autotable": "^3.8.1",
+    "next": "14.1.0",
+    "next-nprogress-bar": "^2.1.2",
+    "react": "^18",
+    "react-chartjs-2": "^5.2.0",
+    "react-dom": "^18",
+    "react-icons": "^5.0.1",
+    "util-utils": "^1.0.3"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.0",
+    "postcss": "^8.4.33",
+    "postcss-preset-mantine": "^1.12.3",
+    "postcss-simple-vars": "^7.0.1",
+    "prisma": "^5.8.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.3.3"
+  }
+}
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -0,0 +1,14 @@
+module.exports = {
+    plugins: {
+      'postcss-preset-mantine': {},
+      'postcss-simple-vars': {
+        variables: {
+          'mantine-breakpoint-xs': '36em',
+          'mantine-breakpoint-sm': '48em',
+          'mantine-breakpoint-md': '62em',
+          'mantine-breakpoint-lg': '75em',
+          'mantine-breakpoint-xl': '88em',
+        },
+      },
+    },
+  };
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -0,0 +1,29 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "mongodb"
+  url      = env("DATABASE_URL")
+}
+
+model Registration {
+  id String @id @map("_id") @default(uuid())
+  userId String
+  name String
+  email String
+  course String
+  activities String[]
+}
+
+model Team {
+  id String @id @map("_id") @default(uuid())
+  teamId String
+  name String
+  activity String
+  teamOwner String
+  members String[]
+}
--- a/sentry.client.config.ts
+++ b/sentry.client.config.ts
@@ -0,0 +1,30 @@
+// This file configures the initialization of Sentry on the client.
+// The config you add here will be used whenever a users loads a page in their browser.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://eac3b9b8d5a68c0ebd0ffdc689d0e5bd@o4506609290248192.ingest.sentry.io/4506609293393920",
+
+  // Adjust this value in production, or use tracesSampler for greater control
+  tracesSampleRate: 1,
+
+  // Setting this option to true will print useful information to the console while you're setting up Sentry.
+  debug: false,
+
+  replaysOnErrorSampleRate: 1.0,
+
+  // This sets the sample rate to be 10%. You may want this to be 100% while
+  // in development and sample at a lower rate in production
+  replaysSessionSampleRate: 0.1,
+
+  // You can remove this option if you're not planning to use the Sentry Session Replay feature:
+  integrations: [
+    new Sentry.Replay({
+      // Additional Replay configuration goes in here, for example:
+      maskAllText: true,
+      blockAllMedia: true,
+    }),
+  ],
+});
--- a/sentry.edge.config.ts
+++ b/sentry.edge.config.ts
@@ -0,0 +1,16 @@
+// This file configures the initialization of Sentry for edge features (middleware, edge routes, and so on).
+// The config you add here will be used whenever one of the edge features is loaded.
+// Note that this config is unrelated to the Vercel Edge Runtime and is also required when running locally.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://eac3b9b8d5a68c0ebd0ffdc689d0e5bd@o4506609290248192.ingest.sentry.io/4506609293393920",
+
+  // Adjust this value in production, or use tracesSampler for greater control
+  tracesSampleRate: 1,
+
+  // Setting this option to true will print useful information to the console while you're setting up Sentry.
+  debug: false,
+});
--- a/sentry.server.config.ts
+++ b/sentry.server.config.ts
@@ -0,0 +1,15 @@
+// This file configures the initialization of Sentry on the server.
+// The config you add here will be used whenever the server handles a request.
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/
+
+import * as Sentry from "@sentry/nextjs";
+
+Sentry.init({
+  dsn: "https://eac3b9b8d5a68c0ebd0ffdc689d0e5bd@o4506609290248192.ingest.sentry.io/4506609293393920",
+
+  // Adjust this value in production, or use tracesSampler for greater control
+  tracesSampleRate: 1,
+
+  // Setting this option to true will print useful information to the console while you're setting up Sentry.
+  debug: false,
+});
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -0,0 +1,9 @@
+import {auth} from "@clerk/nextjs";
+import {authorizedAdmins} from "@/constants/authorizedAdmins";
+import AdminNotAuthorized from "@/components/AdminNotAuthorized/AdminNotAuthorized";
+import AdminPage from "@/components/AdminPage/AdminPage";
+
+export default function Page() {
+  const { userId } = auth()
+  return authorizedAdmins.includes(userId!) ? <AdminPage /> : <AdminNotAuthorized />
+}
--- a/src/app/favicon.ico
+++ b/src/app/favicon.ico
--- a/src/app/global-error.jsx
+++ b/src/app/global-error.jsx
@@ -0,0 +1,20 @@
+// this just captures sentry errors and displays the default error page
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import Error from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({ error }) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        <Error />
+      </body>
+    </html>
+  );
+}
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -0,0 +1,18 @@
+:root {
+    /*
+        this thing below never ended up being used because
+        I just chose Jetbrains Mono to display
+        the countdown & team codes
+    */
+    --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono",
+      "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
+      "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
+}
+
+@media (min-width: 768px) {
+    .mainContent {
+        display: block;
+        width: 50%;
+        margin: 0 auto;
+    }
+}
--- a/src/app/help/page.tsx
+++ b/src/app/help/page.tsx
@@ -0,0 +1,8 @@
+export default function Page() {
+    return (
+        <div>
+            <h1>¡Ayuda!</h1>
+            <p>¿Necesitas ayuda? Habilitaremos un tiempo en el recreo para echarte una mano con la web, información en breve.</p>
+        </div>
+    )
+}
--- a/src/app/index.module.css
+++ b/src/app/index.module.css
@@ -0,0 +1,7 @@
+@media (min-width: 768px) {
+    .mainContent {
+        display: block;
+        width: 50%;
+        margin: 0 auto;
+    }
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -0,0 +1,58 @@
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import { ClerkLoaded, ClerkLoading, ClerkProvider, currentUser } from '@clerk/nextjs';
+import "./globals.css";
+import '@mantine/core/styles.css';
+import '@mantine/notifications/styles.css';
+import { ColorSchemeScript, LoadingOverlay, MantineProvider } from "@mantine/core";
+import NavBar from "@/components/NavBar/NavBar";
+import { Notifications } from "@mantine/notifications";
+import SchoolEmailLogin from "@/components/SchoolEmailLogin/SchoolEmailLogin";
+import Providers from "@/providers";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Aniversario Instituto",
+  description: "Formulario para el aniversario del instituto",
+};
+
+export default async function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  const user = await currentUser()
+  return (
+        <ClerkProvider>
+        <html lang="es">
+          <head>
+            {/* here was a <Script> tag with an umami analytics script */}
+            <ColorSchemeScript />
+          </head>
+          <body className={inter.className}>
+            <MantineProvider>
+              <ClerkLoading>
+                <LoadingOverlay visible />
+              </ClerkLoading>
+                <Providers>
+                  <ClerkLoaded>
+                      {
+                        // the email was hardcoded before this open source release
+                        user?.emailAddresses[0].emailAddress.endsWith(`@${process.env.EMAIL_DOMAIN}`) ?
+                          (
+                            <>
+                              <Notifications />
+                              <NavBar>{children}</NavBar>
+                            </>
+                          ) :
+                          <SchoolEmailLogin />
+                      }
+                  </ClerkLoaded>
+                </Providers>
+            </MantineProvider>
+          </body>
+        </html>
+    </ClerkProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -0,0 +1,20 @@
+import { Title } from "@mantine/core";
+import styles from "./index.module.css";
+import prisma from "@/db";
+import {auth} from "@clerk/nextjs";
+import RegistrationOverview from "@/components/RegistrationOverview/RegistrationOverview";
+import {regsClosed} from "@/constants/regsClosed";
+import RegistrationForm from "@/components/RegistrationForm/RegistrationForm";
+
+export default async function Home() {
+  const { userId } = auth();
+  const userRegistered = await prisma.registration.count({ where: { userId: userId! } }) === 1
+  return (
+    <main className={styles.mainContent}>
+      <Title order={2}>Regístrate</Title>
+      {
+        userRegistered ? <RegistrationOverview /> : (regsClosed ? <h3>Los registros están cerrados</h3> : <RegistrationForm />)
+      }
+    </main>
+  );
+}
--- a/src/app/schedule/page.tsx
+++ b/src/app/schedule/page.tsx
@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div>
+      <h1>Los horarios saldrán el día del evento.</h1>
+    </div>
+  )
+}
--- a/src/app/teams/create/page.tsx
+++ b/src/app/teams/create/page.tsx
@@ -0,0 +1,26 @@
+import {auth} from "@clerk/nextjs";
+import CreateTeam from "@/components/CreateTeam/CreateTeam";
+import { activities } from "@/constants/activities";
+import prisma from '@/db'
+import {regsClosed} from "@/constants/regsClosed";
+
+export default async function Page() {
+  if (regsClosed) return <h1>Los registros están cerrados</h1>
+  const { userId } = auth()
+  const getTeams = await prisma.team.findMany({
+    where: {
+      members: {
+        has: userId!
+      }
+    }
+  })
+  if (getTeams.length >= 2) {
+    return <div><h1>Ya tienes todos los equipos creados</h1></div>
+  }
+
+  const notJoinedActivities = activities
+    .filter(act => act.isTeam)
+    .filter(act => !getTeams.map(team => team.activity).includes(act.id))
+
+  return <CreateTeam activities={notJoinedActivities} />
+}
--- a/src/app/teams/join/page.tsx
+++ b/src/app/teams/join/page.tsx
@@ -0,0 +1,21 @@
+import {auth} from "@clerk/nextjs";
+import prisma from '@/db'
+import JoinTeam from "@/components/JoinTeam/JoinTeam";
+import {regsClosed} from "@/constants/regsClosed";
+
+export default async function Page() {
+  if (regsClosed) return <h1>Los registros están cerrados</h1>
+  const { userId } = auth()
+  const getTeams = await prisma.team.findMany({
+    where: {
+      members: {
+        has: userId!
+      }
+    }
+  })
+  if (getTeams.length >= 2) {
+    return <div><h1>Ya has entrado a todas las actividades de equipo</h1></div>
+  }
+
+  return <JoinTeam />
+}
--- a/src/app/teams/page.tsx
+++ b/src/app/teams/page.tsx
@@ -0,0 +1,36 @@
+import TeamCreationButtons from "@/components/TeamCreationButtons/TeamCreationButtons";
+import {auth} from "@clerk/nextjs";
+import TeamCard from "@/components/TeamCard/TeamCard";
+import {Grid, GridCol} from "@mantine/core";
+import prisma from '@/db'
+import {regsClosed} from "@/constants/regsClosed";
+
+export default async function Page() {
+  const { userId } = auth()
+  const getTeams = await prisma.team.findMany({
+    where: {
+      members: {
+        has: userId!
+      }
+    }
+  })
+  return (
+    <>
+      <TeamCreationButtons regsClosed={regsClosed} />
+      <div className={'mainContent'} style={{ paddingTop: '5px' }}>
+        {/* this was a bit smart, the grid will return nothing if there's no team, so I just put the header in line 33 */}
+        <Grid>
+          {getTeams.map(act => {
+            return (
+              // if the user is in only one team, the card will take the full grid span (12), else it will take half of it (12 / 2 = 6)
+              <GridCol key={act.activity} span={getTeams.length === 1 ? 12 : 6}>
+                <TeamCard {...act} />
+              </GridCol>
+            )
+          })}
+        </Grid>
+        {getTeams.length === 0 && <h1>Aún no has entrado a ningún equipo!</h1>}
+      </div>
+    </>
+  )
+}
--- a/src/components/AdminNotAuthorized/AdminNotAuthorized.tsx
+++ b/src/components/AdminNotAuthorized/AdminNotAuthorized.tsx
@@ -0,0 +1,7 @@
+export default function AdminNotAuthorized() {
+  return (
+    <div>
+      <h1>No eres administrador</h1>
+    </div>
+  )
+}
--- a/src/components/AdminPage/AdminPage.tsx
+++ b/src/components/AdminPage/AdminPage.tsx
@@ -0,0 +1,39 @@
+import prisma from "@/db";
+import {activities} from "@/constants/activities";
+import {courses} from "@/constants/courses";
+import RegistrationTable from "@/components/RegistrationTable/RegistrationTable";
+import SelectionGraph from "@/components/SelectionGraph/SelectionGraph";
+import TeamTable from "@/components/TeamTable/TeamTable";
+import ListByGroup from "@/components/ListByGroup/ListByGroup";
+
+export default async function AdminPage() {
+  const registeredUsers = (await prisma.registration.findMany({
+    select: {
+      activities: true,
+      name: true,
+      course: true,
+      email: true,
+    }
+  })).map(user => {
+    return {
+      ...user,
+      activities: user.activities.map(activity => {
+        return activities.find(act => act.id === activity)?.name!
+      }),
+      course: courses.find(course => course.id === user.course)?.name!
+    }
+  })
+  return (
+    <div>
+      <p>Esta página se ve mejor en ordenador</p>
+      <h1>Listado de registros</h1>
+      <RegistrationTable registrations={registeredUsers} />
+      <h1>Listado de equipos</h1>
+      <TeamTable teams={await prisma.team.findMany()} />
+      <h1>Listado de grupos</h1>
+      <ListByGroup registration={registeredUsers} />
+      <h1>¿Qué están eligiendo?</h1>
+      <SelectionGraph registrations={registeredUsers} />
+    </div>
+  )
+}
--- a/src/components/Countdown/Countdown.tsx
+++ b/src/components/Countdown/Countdown.tsx
@@ -0,0 +1,41 @@
+'use client'
+
+import React, { useEffect, useState } from 'react';
+import { jetbrainsMonoFont } from "@/util/jetbrainsMonoFont";
+import styles from './index.module.css'
+
+export default function Countdown() {
+  const eventDate = new Date(1711108800 * 1000);
+  const [timeLeft, setTimeLeft] = useState({
+    days: '00',
+    hours: '00',
+    minutes: '00',
+    seconds: '00',
+  });
+
+  useEffect(() => {
+    const func = () => {
+      const now = new Date();
+      const difference = eventDate.getTime() - now.getTime();
+
+      setTimeLeft({
+        days: Math.floor(difference / (1000 * 60 * 60 * 24)).toString().padStart(2, '0'),
+        hours: Math.floor((difference / (1000 * 60 * 60)) % 24).toString().padStart(2, '0'),
+        minutes: Math.floor((difference / 1000 / 60) % 60).toString().padStart(2, '0'),
+        seconds: Math.floor((difference / 1000) % 60).toString().padStart(2, '0'),
+      });
+    }
+
+    func();
+    const timer = setInterval(() => {
+      func()
+    }, 1000);
+    return () => clearInterval(timer);
+  }, []);
+
+  return (
+    <div style={jetbrainsMonoFont.style} className={styles.countdown}>
+      {timeLeft.days}:{timeLeft.hours}:{timeLeft.minutes}:{timeLeft.seconds}
+    </div>
+  );
+}
--- a/src/components/Countdown/index.module.css
+++ b/src/components/Countdown/index.module.css
@@ -0,0 +1,8 @@
+/* add styles to .countdown, here's the text: {timeLeft.days}:{timeLeft.hours}:{timeLeft.minutes}:{timeLeft.seconds}. make it a good looking countdown */
+.countdown {
+  font-size: 2rem;
+  font-weight: bold;
+  color: #333;
+  text-align: center;
+  margin: 1rem 0;
+}
--- a/src/components/CreateTeam/CreateTeam.tsx
+++ b/src/components/CreateTeam/CreateTeam.tsx
@@ -0,0 +1,116 @@
+'use client'
+
+import {Alert, Button, Modal, NativeSelect, Space, TextInput} from "@mantine/core";
+import {activities, Activity} from "@/constants/activities";
+import React from "react";
+import {useUser} from "@clerk/nextjs";
+import createTeam from "@/util/createTeam";
+import {notifications} from "@mantine/notifications";
+import {useDisclosure} from "@mantine/hooks";
+import {useRouter} from "next-nprogress-bar";
+import * as Sentry from "@sentry/nextjs";
+import {PiWarningLight} from "react-icons/pi";
+import revalidatePathServer from "@/util/revalidatePath";
+import TeamCode from "@/components/TeamCode/TeamCode";
+
+export default function CreateTeam(props: { activities: Activity[] }) {
+  const userId = useUser().user!.id!
+  const router = useRouter()
+  const [selectedActivity, setSelectedActivity] = React.useState<Activity>(props.activities[0]);
+  const [teamName, setTeamName] = React.useState('');
+  const [loading, setLoading] = React.useState(false);
+
+  // modal hooks
+  const [opened, { open, close }] = useDisclosure(false);
+  const [teamCode, setTeamCode] = React.useState('');
+
+  return (
+    <div className='mainContent'>
+      <h1>Crear equipo</h1>
+      <TextInput
+        label="Nombre del equipo"
+        placeholder="El mejor equipo"
+        onChange={ev => setTeamName(ev.currentTarget.value)}
+      />
+      <NativeSelect
+        label="Elige tu deporte"
+        data={props.activities.map(act => act.name)}
+        defaultValue={props.activities[0].name}
+        onChange={ev => {
+          setSelectedActivity(activities.find(act => act.name === ev.currentTarget.value)!)
+        }}
+      />
+      <Space h="md" />
+      <Button
+        onClick={() => {
+          setLoading(true)
+          createTeam({ teamName, activity: selectedActivity, user: userId })
+            .then((ret) => {
+              // errors not getting handled in prod for some reason
+              if (ret.success) {
+                setTeamCode(ret.message!)
+                open()
+                notifications.show({
+                  title: 'Equipo creado',
+                  message: `Tu equipo ha sido creado correctamente`,
+                  color: 'green',
+                })
+              } else {
+                switch (ret.message) {
+                  case 'missingFields':
+                    return notifications.show({
+                      title: 'Error',
+                      message: `Por favor, rellena todos los campos`,
+                      color: 'red',
+                    })
+                  case 'alreadyRegistered':
+                    return notifications.show({
+                      title: 'Error',
+                      message: `Ya estás registrado en un equipo para esta actividad`,
+                      color: 'red',
+                    })
+                  case 'teamNameTaken':
+                    return notifications.show({
+                      title: 'Error',
+                      message: `El nombre del equipo en esta actividad ya está en uso`,
+                      color: 'red',
+                    })
+                }
+              }
+            })
+            .catch(err => {
+              notifications.show({
+                title: 'Error',
+                message: `Ha ocurrido un error inesperado\nSe ha enviado la info a los desarrolladores`,
+                color: 'red',
+              })
+              Sentry.captureException(err)
+            })
+          setLoading(false)
+        }}
+        loading={loading}
+      >
+        Crear
+      </Button>
+
+      <Modal
+        opened={opened}
+        onClose={() => {
+          close()
+          revalidatePathServer('/teams')
+          router.push('/teams')
+        }}
+        title="Código del equipo"
+      >
+        <p>Este es el código del equipo:</p>
+        {/* eslint-disable-next-line react/no-unescaped-entities */}
+        <p>Envíaselo a tus compañeros, después deben entrar a la web y darle al botón de "Entrar".</p>
+        <TeamCode teamCode={teamCode} />
+
+        <Alert variant="light" color="yellow" title="No habrá vuelta atrás" icon={<PiWarningLight />}>
+          Una vez crees el equipo no podrás salir ni controlar quién entra, así que asegúrate de que mandas el código a las personas correctas.
+        </Alert>
+      </Modal>
+    </div>
+  )
+}
--- a/src/components/JoinTeam/JoinTeam.tsx
+++ b/src/components/JoinTeam/JoinTeam.tsx
@@ -0,0 +1,93 @@
+'use client'
+
+import React from "react";
+import {Alert, Button, Space, TextInput} from "@mantine/core";
+import {useForm} from "@mantine/form";
+import {useUser} from "@clerk/nextjs";
+import joinTeam from "@/util/joinTeam";
+import {useRouter} from "next-nprogress-bar";
+import {notifications} from "@mantine/notifications";
+import * as Sentry from "@sentry/nextjs";
+import {PiWarningLight} from "react-icons/pi";
+import revalidatePathServer from "@/util/revalidatePath";
+
+export default function JoinTeam() {
+  const [loading, setLoading] = React.useState(false);
+  const userId = useUser().user?.id!
+  const router = useRouter()
+
+  const form = useForm({
+    initialValues: {
+      teamCode: '',
+    },
+    validate: {
+      teamCode: (value) => value.length === 6 ? null : 'El código debe tener 6 caracteres',
+    },
+  })
+
+  return (
+    <div className='mainContent'>
+      <form onSubmit={form.onSubmit((values) => {
+        setLoading(true)
+        joinTeam({ teamCode: values.teamCode, userId })
+          .then((ret) => {
+            // errors not getting handled in prod for some reason
+            if (ret.success) {
+              notifications.show({
+                title: 'Equipo creado',
+                message: `Te has unido correctamente al equipo`,
+                color: 'green',
+              })
+              revalidatePathServer('/teams')
+              router.push('/teams')
+            } else {
+              switch (ret.message) {
+                case 'teamNotFound':
+                  return notifications.show({
+                    title: 'Error',
+                    message: `El código del equipo no existe`,
+                    color: 'red',
+                  })
+                case 'alreadyInTeam':
+                  return notifications.show({
+                    title: 'Error',
+                    message: `Ya estás en este equipo`,
+                    color: 'red',
+                  })
+                case 'teamFull':
+                  return notifications.show({
+                    title: 'Error',
+                    message: `El equipo está lleno`,
+                    color: 'red',
+                  })
+              }
+            }
+          })
+          .catch(err => {
+            notifications.show({
+              title: 'Error',
+              message: `Ha ocurrido un error inesperado\nSe ha enviado la info a los desarrolladores`,
+              color: 'red',
+            })
+            Sentry.captureException(err)
+          })
+          .finally(() => setLoading(false))
+      })}>
+        <h1>Unirse a un equipo</h1>
+        <TextInput
+          label="Código del equipo"
+          placeholder="123456"
+          {...form.getInputProps('teamCode')}
+        />
+        <Space h={'md'} />
+        <Button type={'submit'} loading={loading}>
+          Unirse
+        </Button>
+      </form>
+      <Space h={'md'} />
+      <Alert variant="light" color="yellow" title="No habrá vuelta atrás" icon={<PiWarningLight />}>
+        Una vez que entres en un equipo no podrás salir. <strong>INTRODUCE EL CÓDIGO CORRECTO</strong>
+      </Alert>
+    </div>
+  )
+}
--- a/src/components/ListByGroup/ListByGroup.tsx
+++ b/src/components/ListByGroup/ListByGroup.tsx
@@ -0,0 +1,31 @@
+'use client'
+
+import {Registration} from "@/components/RegistrationTable/RegistrationTable";
+import {Group, Select} from "@mantine/core";
+import {courses} from "@/constants/courses";
+import jsPDF from "jspdf";
+import autoTable from "jspdf-autotable";
+
+export default function ListByGroup({ registration }: { registration: Registration[] }) {
+  return (
+    <Group>
+      <Select
+        placeholder={'Exportar listado de solo un grupo'}
+        data={courses.map(course => course.name)}
+        onChange={val => {
+          const doc = new jsPDF()
+          doc.text(`Listado del curso ${val}`, 10, 10)
+          autoTable(doc, {
+            head: [['Nombre', 'Actividad']],
+            body: [...registration.filter(reg => reg.course === val).map(reg => {
+              const [firstName, ...lastName] = reg.name.split(' ')
+              return [`${lastName.join(' ')}, ${firstName}`, reg.activities.join(', ')]
+            })],
+            theme: 'grid'
+          })
+          doc.save(`listado-curso-${val}.pdf`)
+        }}
+      />
+    </Group>
+  )
+}
--- a/src/components/NavBar/NavBar.tsx
+++ b/src/components/NavBar/NavBar.tsx
@@ -0,0 +1,86 @@
+'use client'
+
+import { useEffect, useState } from 'react';
+import { Center, Tooltip, UnstyledButton, Stack, rem } from '@mantine/core';
+import {
+  TbHome2 as IconHome2,
+  TbCalendar as IconCalendar,
+  TbUsersGroup as IconUsersGroup,
+  TbHelp,
+} from 'react-icons/tb';
+import { LuSchool } from "react-icons/lu";
+import classes from './index.module.css';
+import { usePathname } from 'next/navigation';
+import { useRouter } from 'next-nprogress-bar';
+import {UserButton, useUser} from "@clerk/nextjs";
+import {RiAdminLine} from "react-icons/ri";
+import Countdown from "@/components/Countdown/Countdown";
+
+interface NavbarLinkProps {
+  icon: typeof IconHome2;
+  label: string;
+  active?: boolean;
+  onClick?(): void;
+}
+
+function NavbarLink({ icon: Icon, label, active, onClick }: NavbarLinkProps) {
+  return (
+    <Tooltip label={label} position="right" transitionProps={{ duration: 0 }}>
+      <UnstyledButton onClick={onClick} className={classes.link} data-active={active || undefined}>
+        <Icon style={{ width: rem(20), height: rem(20) }} strokeWidth={label === 'Administración' ? .1 : 1.5} />
+      </UnstyledButton>
+    </Tooltip>
+  );
+}
+
+const mockdata = [
+  { icon: IconHome2, label: 'Inicio', routes: ['/'] },
+  { icon: IconUsersGroup, label: 'Mis equipos', routes: ['/teams', '/teams/create', '/teams/join'] },
+  { icon: IconCalendar, label: 'Horario', routes: ['/schedule'] },
+  { icon: TbHelp, label: 'Ayuda', routes: ['/help'] },
+  { icon: RiAdminLine, label: 'Administración', routes: ['/admin'] }
+];
+
+export default function NavBar({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+  const router = useRouter();
+  const [active, setActive] = useState(0);
+
+  useEffect(() => {
+    const index = mockdata.findIndex((link) => link.routes.includes(pathname));
+    setActive(index);
+  }, [pathname]);
+
+  const links = mockdata.map((link, index) => (
+    <NavbarLink
+      {...link}
+      key={link.label}
+      active={index === active}
+      onClick={() => router.push(link.routes[0])}
+    />
+  ));
+
+  return (
+    <div className={classes.parent}>
+      <nav className={classes.navbar}>
+        <Center>
+          <LuSchool type="mark" size={30} />
+        </Center>
+
+        <div className={classes.navbarMain}>
+          <Stack justify="center" gap={0}>
+            {links}
+          </Stack>
+        </div>
+
+        <Stack justify="center" gap={0}>
+          <UserButton />
+        </Stack>
+      </nav>
+      <div className={classes.content}>
+        <Countdown />
+        {children}
+      </div>
+    </div>
+  );
+}
--- a/src/components/NavBar/index.module.css
+++ b/src/components/NavBar/index.module.css
@@ -0,0 +1,52 @@
+.navbar {
+    width: rem(80px);
+    height: 100vh;
+    padding: var(--mantine-spacing-md);
+    display: flex;
+    flex-direction: column;
+    border-right: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+    flex-shrink: 0;
+  }
+  
+  .navbarMain {
+    flex: 1;
+    margin-top: rem(50px);
+  }
+  
+  .link {
+    width: rem(50px);
+    height: rem(50px);
+    border-radius: var(--mantine-radius-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
+  
+    &:hover {
+      background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-5));
+    }
+  
+    &[data-active] {
+      &,
+      &:hover {
+        background-color: var(--mantine-color-blue-light);
+        color: var(--mantine-color-blue-light-color);
+      }
+    }
+  }
+
+.content {
+  flex-grow: 1;
+  margin-left: 5px;
+  margin-top: 5px;
+}
+@media (max-width: 768px) {
+    .content {
+        margin-left: 2px;
+        margin-top: 0;
+    }
+}
+
+.parent {
+  display: flex;
+}
--- a/src/components/RegistrationForm/RegistrationForm.tsx
+++ b/src/components/RegistrationForm/RegistrationForm.tsx
@@ -0,0 +1,105 @@
+'use client'
+
+import {Alert, Button, MultiSelect, NativeSelect, Space} from "@mantine/core";
+import { useState } from "react";
+import { activities, type Activity } from "@/constants/activities";
+import { PiWarningCircleBold } from "react-icons/pi";
+import {useUser} from "@clerk/nextjs";
+import {courses} from "@/constants/courses";
+import submitForm from "@/util/submitForm";
+import {notifications} from "@mantine/notifications";
+import {useRouter} from "next-nprogress-bar";
+import Link from "next/link";
+import * as Sentry from "@sentry/nextjs";
+
+export default function RegistrationForm() {
+  const user = useUser()
+  const router = useRouter()
+    const [selectedActivities, setSelectedActivities] = useState<Activity[]>([]);
+    const [selectedCourse, setSelectedCourse] = useState<string>(courses[0].id)
+
+    return (
+      <>
+        <p>Regístrate a las actividades que quieras</p>
+        <NativeSelect
+          label={`Soy ${user.user!.fullName!}, del curso...`}
+          description="Selecciona tu curso"
+          data={courses.map(course => course.name)}
+          defaultValue={courses[0].name}
+          onChange={course => {
+            const resolveCourseId = courses.find(c => c.name === course.target.value)!
+            setSelectedCourse(resolveCourseId.id)
+          }}
+        />
+        <MultiSelect
+          label="...y quiero apuntarme a..."
+          placeholder={'Robótica, Basket 3 vs 3...'}
+          data={activities.map(act => act.name)}
+          onChange={(selectedNames) => {
+            const selectedActivities = activities.filter(act => selectedNames.includes(act.name));
+            setSelectedActivities(selectedActivities);
+            if (selectedActivities.length === 0) return;
+          }}
+        />
+        <Space h="md" />
+        <Button onClick={() => {
+          submitForm({course: selectedCourse, activities: selectedActivities.map(act => act.id), user: user.user!.id!})
+            .then((ret) => {
+              // errors not getting handled in prod for some reason
+              if (ret.success) {
+                notifications.show({
+                  title: 'Registrado',
+                  message: 'Te has registrado correctamente',
+                  color: 'green',
+                  autoClose: 4000
+                })
+                router.refresh()
+              } else {
+                switch (ret.message) {
+                  case 'missingFields':
+                    return notifications.show({
+                      title: 'Faltan campos',
+                      message: 'Por favor, rellena todos los campos',
+                      color: 'red',
+                      autoClose: 4000
+                    })
+                  case 'alreadyRegistered':
+                    return notifications.show({
+                      title: 'Ya estás registrado',
+                      message: 'Solo puedes registrarte una vez.',
+                      color: 'red',
+                      autoClose: 4000
+                    })
+                  case 'teamsNotJoined':
+                    router.push('/teams')
+                    return notifications.show({
+                      title: 'No te has unido a un equipo',
+                      message: 'Hemos detectado que has seleccionado una actividad que requiere equipo, pero no te has unido a ninguno. Te voy a enviar a la página de equipos para crear o unirte a uno',
+                      color: 'red',
+                      autoClose: 8000
+                    })
+                }
+              }
+            })
+            .catch(err => {
+              notifications.show({
+                title: 'Error desconocido',
+                message: 'Ha ocurrido un error desconocido. Prueba a unirte o crear un equipo',
+                color: 'red',
+                autoClose: 4000
+              })
+              Sentry.captureException(err)
+            })
+        }}>Registrar</Button>
+        <Space h="md" />
+        <Alert variant="light" color="blue" title="Juegos en equipo" icon={<PiWarningCircleBold />}>
+          Las siguientes actividades necesitan un equipo para poder participar:
+          <ul>
+            <li>Basket 3v3: 3 personas por equipo</li>
+            <li>Voleibol: 6 personas por equipo</li>
+          </ul>
+          <strong>Entra <Link href={'/teams'}>aquí</Link> para crear o entrar a los equipos</strong> si te interesa participar en estos deportes.
+        </Alert>
+      </>
+    )
+}
--- a/src/components/RegistrationOverview/RegistrationOverview.tsx
+++ b/src/components/RegistrationOverview/RegistrationOverview.tsx
@@ -0,0 +1,21 @@
+import {auth} from "@clerk/nextjs";
+import styles from '../../app/index.module.css'
+import prisma from "@/db";
+import {activities} from "@/constants/activities";
+
+export default async function RegistrationOverview() {
+  const { userId } = auth();
+  const getRegistration = await prisma?.registration.findFirst({ where: { userId: userId! } })
+
+  return (
+    <main className={styles.mainContent}>
+      <p>¡Ya estás registrado!</p>
+      <p>Estás en las siguientes actividades:</p>
+      <ul>
+        {
+          getRegistration!.activities.map(a => <li key={a}>{activities.find(act => act.id === a)?.name}</li>)
+        }
+      </ul>
+    </main>
+  )
+}
--- a/src/components/RegistrationTable/RegistrationTable.tsx
+++ b/src/components/RegistrationTable/RegistrationTable.tsx
@@ -0,0 +1,41 @@
+import {Table, TableScrollContainer, TableTbody, TableTd, TableTh, TableThead, TableTr} from "@mantine/core";
+import RegistrationTablePdf from "@/components/RegistrationTablePdf/RegistrationTablePdf";
+
+export default function RegistrationTable({ registrations }: { registrations: Registration[] }) {
+  const rows = registrations.map((reg) => (
+    <TableTr key={reg.name}>
+      <TableTd>{reg.name}</TableTd>
+      <TableTd>{reg.course}</TableTd>
+      <TableTd>{reg.activities.join(', ')}</TableTd>
+      <TableTd>{reg.email}</TableTd>
+    </TableTr>
+  ));
+
+  return (
+    <div>
+      <RegistrationTablePdf registrations={registrations} />
+      <div>
+        <TableScrollContainer minWidth={'500px'}>
+          <Table>
+            <TableThead>
+              <TableTr>
+                <TableTh>Nombre</TableTh>
+                <TableTh>Curso</TableTh>
+                <TableTh>Actividades</TableTh>
+                <TableTh>Email</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>{rows}</TableTbody>
+          </Table>
+        </TableScrollContainer>
+      </div>
+    </div>
+  );
+}
+
+export interface Registration {
+  name: string,
+  course: string,
+  email: string
+  activities: string[],
+}
--- a/src/components/RegistrationTablePdf/RegistrationTablePdf.tsx
+++ b/src/components/RegistrationTablePdf/RegistrationTablePdf.tsx
@@ -0,0 +1,44 @@
+'use client'
+
+import {Registration} from "@/components/RegistrationTable/RegistrationTable";
+import {Button, Group, Select} from "@mantine/core";
+import jsPDF from "jspdf";
+import autoTable from "jspdf-autotable";
+import {download, generateCsv, mkConfig} from "export-to-csv";
+import {activities} from "@/constants/activities";
+
+export default function RegistrationTablePdf({ registrations }: { registrations: Registration[] }) {
+  return (
+    <Group>
+      <Button onClick={() => {
+        const doc = new jsPDF()
+        autoTable(doc, {
+          head: [['Nombre', 'Curso', 'Actividades', 'Email']],
+          body: [...registrations.map(reg => [reg.name, reg.course, reg.activities.join(', '), reg.email])],
+          theme: 'grid'
+        })
+        doc.save('listado.pdf')
+      }}>Exportar PDF (todas las actividades)</Button>
+      <Button onClick={() => {
+        const csvConfig = mkConfig({ useKeysAsHeaders: true })
+        // @ts-ignore
+        const csv = generateCsv(csvConfig)([...registrations.map(reg => ({ ...reg, activities: reg.activities.join(', ') }))])
+        download(csvConfig)(csv)
+      }}>Exportar CSV (Excel, todas las actividades)</Button>
+      <Select
+        placeholder="Exportar listado de solo una actividad"
+        data={activities.map(act => act.name)}
+        onChange={val => {
+          const doc = new jsPDF()
+          doc.text(`Listado de ${val}`, 10, 10)
+          autoTable(doc, {
+            head: [['Nombre', 'Curso', 'Email']],
+            body: [...registrations.filter(reg => reg.activities.includes(val!)).map(reg => [reg.name, reg.course, reg.email])],
+            theme: 'grid'
+          })
+          doc.save(`listado-${val}.pdf`)
+        }}
+      />
+    </Group>
+  )
+}
--- a/src/components/SchoolEmailLogin/SchoolEmailLogin.tsx
+++ b/src/components/SchoolEmailLogin/SchoolEmailLogin.tsx
@@ -0,0 +1,12 @@
+import styles from './index.module.css'
+import {SignOutButton} from "@clerk/nextjs";
+
+export default function SchoolEmailLogin() {
+  return (
+    <div className={styles.centered}>
+      <h1>Debes iniciar sesión con el correo del instituto</h1>
+      <p>¡Hola! Necesitamos que inicies sesión con el correo del instituto para así identificarte mejor.</p>
+      <SignOutButton />
+    </div>
+  )
+}
--- a/src/components/SchoolEmailLogin/index.module.css
+++ b/src/components/SchoolEmailLogin/index.module.css
@@ -0,0 +1,3 @@
+.centered {
+    text-align: center;
+}
--- a/src/components/SelectionGraph/SelectionGraph.tsx
+++ b/src/components/SelectionGraph/SelectionGraph.tsx
@@ -0,0 +1,29 @@
+'use client'
+
+import {Registration} from "@/components/RegistrationTable/RegistrationTable";
+import {Bar} from "react-chartjs-2";
+import {activities} from "@/constants/activities";
+import {Chart, registerables} from 'chart.js';
+Chart.register(...registerables);
+
+const randomBetween = (min: number, max: number) => min + Math.floor(Math.random() * (max - min + 1));
+const r = randomBetween(0, 255);
+const g = randomBetween(0, 255);
+const b = randomBetween(0, 255);
+
+export default function SelectionGraph({ registrations }: { registrations: Registration[] }) {
+  return (
+    <div style={{ height: '300px' }}>
+      <Bar
+        data={{
+          labels: activities.map(act => act.name),
+          datasets: [{
+            label: 'Número de inscritos',
+            data: activities.map(act => registrations.filter(reg => reg.activities.includes(act.name)).length),
+            backgroundColor: Array(activities.length).fill(`rgba(${r}, ${g}, ${b}, 0.2)`),
+          }],
+        }}
+      />
+    </div>
+  )
+}
--- a/src/components/TeamCard/TeamCard.tsx
+++ b/src/components/TeamCard/TeamCard.tsx
@@ -0,0 +1,30 @@
+import type { Team } from '@prisma/client'
+import {Badge, Card, Group, Text} from "@mantine/core";
+import {activities} from "@/constants/activities";
+import {clerkClient} from "@clerk/nextjs";
+import TeamCodeButton from "@/components/TeamCodeButton/TeamCodeButton";
+
+export default function TeamCard(data: Team) {
+  return (
+    <div>
+      <Card shadow="sm" padding="lg" radius="md" withBorder>
+        <Group justify="space-between" mt="md" mb="xs">
+          <Text fw={500}>{data.name}</Text>
+          <Badge color="pink">{activities.find(act => act.id === data.activity)?.name}</Badge>
+        </Group>
+
+        <Text size="sm" c="dimmed">
+          Tu equipo de {activities.find(act => act.id === data.activity)?.name} está compuesto por {data.members.length} persona{data.members.length > 1 ? 's' : ''}:
+          <ul>
+            {data.members.map(async (member) => {
+              const resolveUser = await clerkClient.users.getUser(member)
+                  .catch(() => { return { firstName: 'Usuario', lastName: 'no encontrado' } })
+              return <li key={member}>{resolveUser.firstName} {resolveUser.lastName}</li>
+            })}
+          </ul>
+        </Text>
+        <TeamCodeButton teamCode={data.teamId} />
+      </Card>
+    </div>
+  )
+}
--- a/src/components/TeamCode/TeamCode.tsx
+++ b/src/components/TeamCode/TeamCode.tsx
@@ -0,0 +1,11 @@
+import {jetbrainsMonoFont} from "@/util/jetbrainsMonoFont";
+import styles from "./index.module.css";
+import React from "react";
+
+export default function TeamCode({teamCode}: { teamCode: string }) {
+  return (
+    <div style={jetbrainsMonoFont.style} className={styles.teamCode}>
+      {teamCode}
+    </div>
+  )
+}
--- a/src/components/TeamCode/index.module.css
+++ b/src/components/TeamCode/index.module.css
@@ -0,0 +1,11 @@
+.teamCode {
+    /* center left and right only. the div should have dotted lines around them and when you click it should select everything. */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: 1px dotted black;
+    border-radius: 5px;
+    padding: 5px;
+    margin: 5px;
+    font-size: 2rem;
+}
--- a/src/components/TeamCodeButton/TeamCodeButton.tsx
+++ b/src/components/TeamCodeButton/TeamCodeButton.tsx
@@ -0,0 +1,20 @@
+'use client'
+
+import {useDisclosure} from "@mantine/hooks";
+import {Button, Modal} from "@mantine/core";
+import TeamCode from "@/components/TeamCode/TeamCode";
+
+export default function TeamCodeButton({ teamCode }: { teamCode: string }) {
+  const [opened, { open, close }] = useDisclosure(false);
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close} title="Código del equipo">
+        Este es el código del equipo:
+        <TeamCode teamCode={teamCode} />
+      </Modal>
+
+      <Button onClick={open}>Código del equipo</Button>
+    </>
+  );
+}
--- a/src/components/TeamCreationButtons/TeamCreationButtons.tsx
+++ b/src/components/TeamCreationButtons/TeamCreationButtons.tsx
@@ -0,0 +1,38 @@
+'use client'
+
+import { useRouter } from "next-nprogress-bar";
+import {Button, Group} from "@mantine/core";
+import React from "react";
+import revalidatePathServer from "@/util/revalidatePath";
+
+export default function TeamCreationButtons({ regsClosed }: { regsClosed: boolean }) {
+  const router = useRouter()
+
+  return (
+    <div style={{ marginRight: '5px' }}>
+      <Group justify={'end'} gap={'xs'}>
+        <Button
+          onClick={() => {
+            router.push('/teams/join')
+          }}
+          disabled={regsClosed}
+          variant={'outline'}
+          radius={'xs'}
+        >
+          Entrar
+        </Button>
+        <Button
+          onClick={() => {
+            revalidatePathServer('/teams/create')
+            router.push('/teams/create')
+          }}
+          disabled={regsClosed}
+          variant={'filled'}
+          radius={'xs'}
+        >
+          Crear
+        </Button>
+      </Group>
+    </div>
+  )
+}
--- a/src/components/TeamTable/TeamTable.tsx
+++ b/src/components/TeamTable/TeamTable.tsx
@@ -0,0 +1,51 @@
+import type {Team} from "@prisma/client";
+import {Table, TableScrollContainer, TableTbody, TableTd, TableTh, TableThead, TableTr} from "@mantine/core";
+import {activities} from "@/constants/activities";
+import {clerkClient} from "@clerk/nextjs";
+import TeamTablePdf from "@/components/TeamTablePdf/TeamTablePdf";
+
+export default async function TeamTable({ teams }: { teams: Team[] }) {
+  const treatedTeams = await Promise.all(teams.map(async (team) => {
+    return {
+      name: team.name,
+      teamId: team.teamId,
+      activity: activities.find(act => act.id === team.activity)?.name!,
+      members: (await Promise.all(team.members.map(async (member) => {
+        const resolveUser = await clerkClient.users.getUser(member)
+          .catch(() => {
+            return {firstName: 'Usuario', lastName: 'no encontrado'}
+          })
+        return `${resolveUser.firstName} ${resolveUser.lastName}`
+      }))).join(', '),
+    }
+  }));
+  const rows = treatedTeams.map((team) => (
+    <TableTr key={team.teamId}>
+      <TableTd>{team.name}</TableTd>
+      <TableTd>{team.activity}</TableTd>
+      <TableTd>{team.members}</TableTd>
+      <TableTd>{team.teamId}</TableTd>
+    </TableTr>
+  ));
+
+  return (
+    <div>
+      <TeamTablePdf teams={treatedTeams} />
+      <div>
+        <TableScrollContainer minWidth={500}>
+          <Table>
+            <TableThead>
+              <TableTr>
+                <TableTh>Nombre</TableTh>
+                <TableTh>Actividad</TableTh>
+                <TableTh>Miembros</TableTh>
+                <TableTh>Código</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>{rows}</TableTbody>
+          </Table>
+        </TableScrollContainer>
+      </div>
+    </div>
+  )
+}
--- a/src/components/TeamTablePdf/TeamTablePdf.tsx
+++ b/src/components/TeamTablePdf/TeamTablePdf.tsx
@@ -0,0 +1,49 @@
+'use client'
+
+import {Button, Group, Select} from "@mantine/core";
+import jsPDF from "jspdf";
+import autoTable from "jspdf-autotable";
+import {download, generateCsv, mkConfig} from "export-to-csv";
+import {activities} from "@/constants/activities";
+
+export default function TeamTablePdf({ teams }: { teams: TreatedTeam[] }) {
+  return (
+    <Group>
+      <Button onClick={() => {
+        const doc = new jsPDF()
+        autoTable(doc, {
+          head: [['Nombre', 'Actividad', 'Miembros', 'Código']],
+          body: [...teams.map(team => [team.name, team.activity, team.members, team.teamId])],
+          theme: 'grid'
+        })
+        doc.save('listadoEquipos.pdf')
+      }}>
+        Exportar PDF (todos los equipos)
+      </Button>
+      <Button onClick={() => {
+        const csvConfig = mkConfig({ useKeysAsHeaders: true })
+        // @ts-ignore
+        const csv = generateCsv(csvConfig)(teams)
+        download(csvConfig)(csv)
+      }}>
+        Exportar CSV (Excel, todos los equipos)
+      </Button>
+      <Select
+        placeholder={'Exportar listado de solo una actividad'}
+        data={activities.filter(act => act.isTeam).map(act => act.name)}
+        onChange={val => {
+          const doc = new jsPDF()
+          doc.text(`Listado de ${val}`, 10, 10)
+          autoTable(doc, {
+            head: [['Nombre', 'Miembros', 'Código']],
+            body: [...teams.filter(team => team.activity === val!).map(team => [team.name, team.members, team.teamId])],
+            theme: 'grid'
+          })
+          doc.save(`listadoEquipos-${val}.pdf`)
+        }}
+      />
+    </Group>
+  )
+}
+
+type TreatedTeam = { name: string, teamId: string, activity: string, members: string }
--- a/src/constants/activities.ts
+++ b/src/constants/activities.ts
@@ -0,0 +1,21 @@
+export const activities: Activity[] = [
+    { id: 'basket3v3', name: 'Basket 3 VS 3', isTeam: true },
+    { id: 'basketko', name: 'Basket KO', isTeam: false },
+    { id: 'pingpong', name: 'Ping pong', isTeam: false },
+    { id: 'robotica', name: 'Robótica', isTeam: false },
+    { id: 'ajedrezyjuegosdemesa', name: 'Ajedrez y juegos de mesa', isTeam: false },
+    { id: 'voleibol', name: 'Voleibol', isTeam: true },
+    { id: 'teatro', name: 'Teatro', isTeam: false },
+    { id: 'flamenco', name: 'Flamenco', isTeam: false },
+    { id: 'pintura', name: 'Pintura', isTeam: false },
+    { id: 'carrerainglesa', name: 'Carrera inglesa', isTeam: false },
+    { id: 'globoflexia', name: 'Globoflexia', isTeam: false },
+    { id: 'lecturadelmundo', name: 'Lectura del mundo', isTeam: false },
+    { id: 'museo', name: 'Museo', isTeam: false },
+];
+
+export interface Activity {
+    id: string;
+    name: string;
+    isTeam: boolean;
+}
--- a/src/constants/authorizedAdmins.ts
+++ b/src/constants/authorizedAdmins.ts
@@ -0,0 +1,5 @@
+export const authorizedAdmins = [
+  'user_2bGJYNy7T2AU3WVI3JVPHtoYyof',
+  'user_2bGzVWajqtRKjt7Xk0Uqia5BxMw',
+  'user_2bDs3jKpnD1aFTK0VsSnV89Mg6U'
+]
--- a/src/constants/courses.ts
+++ b/src/constants/courses.ts
@@ -0,0 +1,33 @@
+export const courses: Array<Course> = [
+  { id: '1esoa', name: '1ºESO A' },
+  { id: '1esob', name: '1ºESO B' },
+  { id: '1esoc', name: '1ºESO C' },
+  { id: '1esod', name: '1ºESO D' },
+  { id: '1esoe', name: '1ºESO E' },
+  { id: '2esoa', name: '2ºESO A' },
+  { id: '2esob', name: '2ºESO B' },
+  { id: '2esoc', name: '2ºESO C' },
+  { id: '2esod', name: '2ºESO D' },
+  { id: '2esoe', name: '2ºESO E' },
+  { id: '3esoa', name: '3ºESO A' },
+  { id: '3esob', name: '3ºESO B' },
+  { id: '3esoc', name: '3ºESO C' },
+  { id: '3esod', name: '3ºESO D' },
+  { id: '3esoe', name: '3ºESO E' },
+  { id: '4esoa', name: '4ºESO A' },
+  { id: '4esob', name: '4ºESO B' },
+  { id: '4esoc', name: '4ºESO C' },
+  { id: '4esod', name: '4ºESO D' },
+  { id: '4esoe', name: '4ºESO E' },
+  { id: '1bacha', name: '1ºBach A' },
+  { id: '1bachb', name: '1ºBach B' },
+  { id: '1bachc', name: '1ºBach C' },
+  { id: '2bacha', name: '2ºBach A' },
+  { id: '2bachb', name: '2ºBach B' },
+  { id: '2bachc', name: '2ºBach C' },
+]
+
+export interface Course {
+  id: string
+  name: string
+}
--- a/src/constants/regsClosed.ts
+++ b/src/constants/regsClosed.ts
@@ -0,0 +1 @@
+export const regsClosed = true;
--- a/src/db/index.ts
+++ b/src/db/index.ts
@@ -0,0 +1,12 @@
+import { PrismaClient } from "@prisma/client";
+const prismaClientSingleton = () => {
+  return new PrismaClient();
+};
+
+declare global {
+  var prisma: ReturnType<typeof prismaClientSingleton>;
+}
+
+let prisma = globalThis.prisma || prismaClientSingleton();
+export default prisma;
+if (process.env.NODE_ENV !== "production") globalThis.prisma = prisma;
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -0,0 +1,7 @@
+import { authMiddleware } from '@clerk/nextjs'
+
+export default authMiddleware({})
+
+export const config = {
+  matcher: ['/((?!.+\\.[\\w]+$|_next).*)', '/', '/(api|trpc)(.*)'],
+}
--- a/src/providers.tsx
+++ b/src/providers.tsx
@@ -0,0 +1,19 @@
+'use client';
+
+import { AppProgressBar as ProgressBar } from 'next-nprogress-bar';
+
+const Providers = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <>
+      {children}
+      <ProgressBar
+        height="4px"
+        color="#228be6"
+        options={{ showSpinner: false }}
+        shallowRouting
+      />
+    </>
+  );
+};
+
+export default Providers;
--- a/src/util/createTeam.ts
+++ b/src/util/createTeam.ts
@@ -0,0 +1,37 @@
+'use server'
+
+import prisma from "@/db";
+import {Activity} from "@/constants/activities";
+import {randomString} from "util-utils";
+
+export default async function createTeam(data: { teamName: string, activity: Activity, user: string }) {
+  if (!data.teamName || !data.activity) return { success: false, message: 'missingFields' }
+  if (await prisma.team.count({
+    where:
+      {
+        members: { has: data.user },
+        activity: data.activity.id
+      }
+  }) > 0)
+    return { success: false, message: 'alreadyRegistered' }
+  if (await prisma.team.count({
+    where:
+      {
+        name: data.teamName,
+        activity: data.activity.id
+      }
+  }) > 0)
+    return { success: false, message: 'teamNameTaken' }
+
+  const teamId = randomString(6, '0123456789')
+  await prisma.team.create({
+    data: {
+      activity: data.activity.id,
+      name: data.teamName,
+      members: [data.user],
+      teamOwner: data.user,
+      teamId: teamId
+    }
+  })
+  return { success: true, message: teamId }
+}
--- a/src/util/isAdmin.ts
+++ b/src/util/isAdmin.ts
@@ -0,0 +1,7 @@
+'use server'
+
+import {authorizedAdmins} from "@/constants/authorizedAdmins";
+
+export default async function isAdmin(email: string) {
+  return authorizedAdmins.includes(email)
+}
--- a/src/util/jetbrainsMonoFont.ts
+++ b/src/util/jetbrainsMonoFont.ts
@@ -0,0 +1,7 @@
+import {JetBrains_Mono} from "next/font/google";
+
+export const jetbrainsMonoFont = JetBrains_Mono({
+  weight: "800",
+  style: "normal",
+  subsets: ['latin']
+})
--- a/src/util/joinTeam.ts
+++ b/src/util/joinTeam.ts
@@ -0,0 +1,37 @@
+'use server'
+
+import teamCodeExists from "@/util/teamCodeExists";
+import prisma from '@/db'
+
+export default async function joinTeam(data: { teamCode: string, userId: string }) {
+  if (!await teamCodeExists(data.teamCode))
+    return { success: false, message: 'teamNotExist' }
+
+  const getTeam = (await prisma.team.findFirst({
+    where: {
+      teamId: data.teamCode
+    }
+  }))!
+  if (await prisma.team.count({
+    where:
+      {
+        members: { has: data.userId },
+        activity: getTeam.activity
+      }
+  }) > 0)
+    return { success: false, message: 'alreadyInTeam' }
+  if (getTeam.activity === 'basket3v3' ? getTeam.members.length === 3 : getTeam.members.length === 6)
+    return { success: false, message: 'teamFull' }
+
+  await prisma.team.updateMany({
+    where: {
+      teamId: data.teamCode
+    },
+    data: {
+      members: {
+        push: data.userId
+      }
+    }
+  })
+  return { success: true, message: 'joined successfully' }
+}
--- a/src/util/randomArray.ts
+++ b/src/util/randomArray.ts
@@ -0,0 +1,17 @@
+export default function shuffle(array: Array<any>) {
+  let currentIndex = array.length,  randomIndex;
+
+  // While there remain elements to shuffle.
+  while (currentIndex > 0) {
+
+    // Pick a remaining element.
+    randomIndex = Math.floor(Math.random() * currentIndex);
+    currentIndex--;
+
+    // And swap it with the current element.
+    [array[currentIndex], array[randomIndex]] = [
+      array[randomIndex], array[currentIndex]];
+  }
+
+  return array;
+}
--- a/src/util/revalidatePath.ts
+++ b/src/util/revalidatePath.ts
@@ -0,0 +1,6 @@
+'use server'
+import { revalidatePath } from "next/cache";
+
+export default async function revalidatePathServer(path: string) {
+  return revalidatePath(path, 'page')
+}
--- a/src/util/submitForm.ts
+++ b/src/util/submitForm.ts
@@ -0,0 +1,27 @@
+'use server'
+
+import prisma from "@/db";
+import {clerkClient} from "@clerk/nextjs";
+
+export default async function submitForm(data: { activities: string[], course: string, user: string}) {
+  if (data.activities.length === 0) return { success: false, message: "missingFields" }
+  if (await prisma.registration.count({ where: { userId: data.user } }) > 0) return { success: false, message: "alreadyRegistered" }
+  if (data.activities.includes('basket3v3')) {
+    if (await prisma.team.count({ where: { activity: 'basket3v3', members: { has: data.user } } }) === 0) return { success: false, message: "teamsNotJoined" }
+  }
+  if (data.activities.includes('voleibol')) {
+    if (await prisma.team.count({ where: { activity: 'voleibol', members: { has: data.user } } }) === 0) return { success: false, message: "teamsNotJoined" }
+  }
+
+  const resolveUser = await clerkClient.users.getUser(data.user)
+  await prisma.registration.create({
+        data: {
+          userId: data.user,
+          name: resolveUser.firstName! + ' ' + resolveUser.lastName!,
+          email: resolveUser.emailAddresses![0].emailAddress!,
+          course: data.course,
+          activities: data.activities
+        }
+  })
+  return { success: true, message: 'success' }
+}
--- a/src/util/teamCodeExists.ts
+++ b/src/util/teamCodeExists.ts
@@ -0,0 +1,11 @@
+'use server'
+
+import prisma from '@/db'
+
+export default async function teamCodeExists(code: string) {
+  return await prisma.team.count({
+    where: {
+      teamId: code
+    }
+  }) === 1
+}
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
--- a/yarn.lock
+++ b/yarn.lock